.footer,.json-container .properties-container .pair-container{display:flex;column-gap:10px}.text-gradient,a:hover{-webkit-background-clip:text}.json-container .json-container-footer .read-more:before,button{cursor:pointer}a:hover{background-image:linear-gradient(45deg,#b485d0,#b485d0)!important;text-shadow:#fff 1px 0 8px}.code-particle{z-index:0;border-radius:12px;height:20px;position:absolute;text-align:center;opacity:0;animation:25s linear infinite moveRight,25s linear infinite fade;color:#1e1d1d}.code-particle:first-child{width:128px;background-color:#2a2929;left:calc(50% - 31px);animation-delay:2187ms}.code-particle:first-child.top{top:calc(20% - 214px)}.code-particle:first-child.bottom{top:calc(100% - 178px)}.code-particle:nth-child(2){width:101px;background-color:#2a2929;left:calc(50% - 248px);animation-delay:3194ms}.code-particle:nth-child(2).top{top:calc(20% - 55px)}.code-particle:nth-child(2).bottom{top:calc(100% - 288px)}.code-particle:nth-child(3){width:119px;background-color:#2a2929;left:calc(50% - 230px);animation-delay:1903ms}.code-particle:nth-child(3).top{top:calc(20% - 304px)}.code-particle:nth-child(16).bottom,.code-particle:nth-child(17).bottom,.code-particle:nth-child(3).bottom{top:calc(100% - 85px)}.code-particle:nth-child(4){width:92px;background-color:#2a2929;left:calc(50% - 116px);animation-delay:1308ms}.code-particle:nth-child(4).top{top:calc(20% - 328px)}.code-particle:nth-child(4).bottom{top:calc(100% - 90px)}.code-particle:nth-child(5){width:85px;background-color:#2a2929;left:calc(50% - 282px);animation-delay:1246ms}.code-particle:nth-child(5).top{top:calc(20% - 213px)}.code-particle:nth-child(5).bottom{top:calc(100% - 12px)}.code-particle:nth-child(6){width:97px;background-color:#2a2929;left:calc(50% - 147px);animation-delay:2293ms}.code-particle:nth-child(6).top{top:calc(20% - 73px)}.code-particle:nth-child(6).bottom{top:calc(100% - 64px)}.code-particle:nth-child(7){width:95px;background-color:#2a2929;left:calc(50% - 126px);animation-delay:4509ms}.code-particle:nth-child(7).top{top:calc(20% - 103px)}.code-particle:nth-child(7).bottom{top:calc(100% - 24px)}.code-particle:nth-child(8){width:101px;background-color:#2a2929;left:calc(50% - 174px);animation-delay:5251ms}.code-particle:nth-child(8).top{top:calc(20% - 64px)}.code-particle:nth-child(8).bottom{top:calc(100% - 137px)}.code-particle:nth-child(9){width:77px;background-color:#2a2929;left:calc(50% - 49px);animation-delay:3467ms}.code-particle:nth-child(13).top,.code-particle:nth-child(9).top{top:calc(20% - 35px)}.code-particle:nth-child(9).bottom{top:calc(100% - 168px)}.code-particle:nth-child(10){width:139px;background-color:#2a2929;left:calc(50% - 152px);animation-delay:2415ms}.code-particle:nth-child(10).top{top:calc(20% - 31px)}.code-particle:nth-child(10).bottom{top:calc(100% - 38px)}.code-particle:nth-child(11){width:92px;background-color:#2a2929;left:calc(50% - 143px);animation-delay:2357ms}.code-particle:nth-child(11).top{top:calc(20% - 216px)}.code-particle:nth-child(11).bottom{top:calc(100% - 79px)}.code-particle:nth-child(12){width:64px;background-color:#2a2929;left:calc(50% - 93px);animation-delay:9134ms}.code-particle:nth-child(12).top{top:calc(20% - 202px)}.code-particle:nth-child(12).bottom{top:calc(100% - 222px)}.code-particle:nth-child(13){width:73px;background-color:#2a2929;left:calc(50% - 28px);animation-delay:7796ms}.code-particle:nth-child(13).bottom{top:calc(100% - 185px)}.code-particle:nth-child(14){width:91px;background-color:#2a2929;left:calc(50% - 117px);animation-delay:984ms}.code-particle:nth-child(14).top{top:calc(20% - 21px)}.code-particle:nth-child(14).bottom{top:calc(100% - 89px)}.code-particle:nth-child(15){width:108px;background-color:#2a2929;left:calc(50% - 163px);animation-delay:3.11s}.code-particle:nth-child(15).top{top:calc(20% - 385px)}.code-particle:nth-child(15).bottom{top:calc(100% - 293px)}.code-particle:nth-child(16){width:134px;background-color:#2a2929;left:calc(50% - 254px);animation-delay:6629ms}.code-particle:nth-child(16).top{top:calc(20% - 300px)}.code-particle:nth-child(17){width:140px;background-color:#2a2929;left:calc(50% - 213px);animation-delay:4184ms}.code-particle:nth-child(17).top{top:calc(20% - 311px)}.code-particle:nth-child(18){width:61px;background-color:#2a2929;left:calc(50% - 23px);animation-delay:1303ms}.code-particle:nth-child(18).top{top:calc(20% - 331px)}.code-particle:nth-child(18).bottom{top:calc(100% - 134px)}.code-particle:nth-child(19){width:112px;background-color:#2a2929;left:calc(50% - 109px);animation-delay:8903ms}.code-particle:nth-child(19).top{top:calc(20% - 173px)}.code-particle:nth-child(19).bottom{top:calc(100% - 99px)}.code-particle:nth-child(20){width:106px;background-color:#2a2929;left:calc(50% - 216px);animation-delay:993ms}.code-particle:nth-child(20).top{top:calc(20% - 377px)}.code-particle:nth-child(20).bottom{top:calc(100% - 247px)}@keyframes moveRight{0%{left:10vw}50%{left:50vw}100%{left:100vw}}.cube{position:absolute;top:80vh;left:45vw;width:10px;height:10px;border:1px solid #151515;transform-origin:top left;transform:scale(0) rotate(0) translate(-50%,-50%);animation:12s ease-in infinite forwards cube}.cube:nth-child(2n){border-color:#444242}.cube:nth-child(2){animation-delay:2s;left:25vw;top:40vh}.cube:nth-child(3){animation-delay:4s;left:75vw;top:50vh}.cube:nth-child(4){animation-delay:6s;left:90vw;top:10vh}.cube:nth-child(5){animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){animation-delay:10s;left:50vw;top:10vh}@keyframes cube{from{transform:scale(0) rotate(0) translate(-50%,-50%);opacity:1}to{transform:scale(20) rotate(960deg) translate(-50%,-50%);opacity:0}}body,html{margin:0;padding:0;height:100%;background-color:#151515;font-family:"Source Code Pro",monospace}.top-bar,body{background-color:#222}body ::-webkit-scrollbar,html ::-webkit-scrollbar{width:5px}body ::-webkit-scrollbar-track,html ::-webkit-scrollbar-track{background:#5e5f61}body ::-webkit-scrollbar-thumb,html ::-webkit-scrollbar-thumb{background:#b485d0}body ::-webkit-scrollbar-thumb:hover,html ::-webkit-scrollbar-thumb:hover{background:#3c9988}.json-container{margin:20px;padding:10px;color:#b6bbc4;font-size:18px;position:relative}.gradient,body{position:absolute}.json-container .bracket{font-weight:700;font-size:32px;color:#b485d0}.json-container .bracket.open-bracket:after{content:"{"}.json-container .bracket.close-bracket:after{content:"}"}.json-container .json-container-footer{display:flex;max-height:50px;align-items:end;justify-content:end;padding:0 70px}.json-container .properties-container{display:flex;flex-direction:column;row-gap:30px}.json-container .properties-container .pair-container .keys-container{flex:0 0 200px;text-align:right;line-height:1.8;color:#d18a08}.json-container .properties-container .pair-container .values-container{text-align:left;flex:0 0 750px;line-height:1.8;animation:2s linear fade}.json-container .properties-container .pair-container .values-container .field input,.json-container .properties-container .pair-container .values-container .field textarea{border:3px solid #b485d0;background-color:#2a2929;color:#b6bbc4;width:550px}.json-container .properties-container .pair-container .values-container .field input{height:30px}.json-container .properties-container .pair-container .values-container .project-img{position:relative;height:200px}.json-container .properties-container .pair-container .values-container .project-img img{object-fit:cover;height:200px;width:500px;position:absolute}.json-container .properties-container .pair-container .values-container .project-img img.top{top:-4px;box-shadow:rgba(180,133,208,.5) 5px 5px,rgba(180,133,208,.2) 10px 10px,rgba(180,133,208,.05) 15px 15px}.json-container .properties-container .pair-container .values-container .multiple-images{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:30px}.json-container .properties-container .pair-container .values-container .multiple-images img{height:200px;width:200px;object-fit:cover;box-shadow:5px 5px 0 #3c9988}.json-container.compact .properties-container{row-gap:10px}.json-container:hover .bracket{text-shadow:#b485d0 1px 0 10px}.json-container:hover .keys-container{text-shadow:#d18a08 1px 0 10px}@keyframes showRight{0%{flex:0 0 0}100%{flex:0 0 750px}}@keyframes fade{0%,100%{opacity:.1}20%{opacity:1.8}0%,50%{opacity:0}100%,80%{opacity:1}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.gradient{left:0;--size:250px;--speed:15s;--easing:cubic-bezier(0.8, 0.2, 0.2, 0.8);width:300px;height:var(--size);filter:blur(calc(var(--size) / 5));background-image:linear-gradient(hsla(158,82%,57%,.85),#5b37eb);animation:rotate var(--speed) var(--easing) alternate infinite;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}@media (min-width:720px){.gradient{--size:500px}}body{inset:0;display:flex;place-content:center;align-items:center;overflow:hidden}*{transition:.25s ease-out}.footer{height:50px;width:100%;justify-content:end;align-items:center;color:#b6bbc4;font-size:14px}.footer span{margin-right:100px}.typewriter{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;letter-spacing:.15em;animation:2s steps(40,end) typing,.75s step-end infinite blink-caret}.container,.list{overflow:auto;display:flex}@keyframes typing{from{width:0}to{width:50%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#264d79}}.text-gradient{width:max-content;background-image:linear-gradient(45deg,#b485d0,#264d79,#3c9988);-webkit-text-fill-color:transparent;background-size:100%;background-repeat:repeat;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}.text-gradient.two-tone{background-image:linear-gradient(45deg,#b485d0,#3c9988)}.right-sidebar{flex:1;border-left:1px solid #5e5f61;height:100%;width:100%;display:flex;flex-direction:column;row-gap:60px;justify-content:center}.right-sidebar .section{color:#fff;cursor:pointer;display:flex;align-items:center;height:70px;padding:0 40px;column-gap:20px}.right-sidebar .section .section-icon{font-size:48px}.right-sidebar .section .section-title{font-size:24px}.right-sidebar .section .section-title a,.top-bar .tab a{color:#fff;text-decoration:none}.right-sidebar .section.selected{background-color:#302c32}.right-sidebar .section.selected .section-title{font-weight:700}.right-sidebar .section.selected .section-title a{color:#b485d0}.right-sidebar .section:hover{padding:0 20px}.right-sidebar .section:hover .section-icon{filter:drop-shadow(2px 2px 0px #3c9988)}.right-sidebar .section:hover a{text-shadow:2px 2px 0 #3c9988}button{color:#2a2929;padding:10px 30px;background-color:#b485d0;border-radius:0;border:none;box-shadow:2px 2px 0 #3c9988}.top-bar{position:sticky;top:0;padding:15px 0;display:none;justify-content:space-evenly;z-index:1;border-bottom:3px solid #3c9988;box-shadow:rgba(180,133,208,.2) 0 5px}.top-bar .tab{display:flex;column-gap:10px;font-size:18px}@media (max-width:1200px){.content{width:100%!important;margin-left:20px!important}.json-container .open-bracket{margin-bottom:20px}.json-container .close-bracket{margin-top:20px}.json-container .pair-container{flex-direction:column}.json-container .pair-container .keys-container{flex:auto!important;text-align:left!important}.json-container .pair-container .values-container{flex:auto!important}.json-container .pair-container .values-container .project-img img{width:400px!important}.footer{justify-content:center}.footer span{margin:10px 0!important}}@media (max-width:1600px){.right-sidebar{display:none}.top-bar{display:flex!important}}@media (max-width:900px){.gradient{opacity:.5}.json-container .pair-container .values-container .project-img img{width:400px!important}.list-separator:before{content:"/* ----------------- separator ----------------- */"!important}}@media (max-width:630px){.top-bar{padding:10px 0!important}.top-bar .tab{flex-direction:column;justify-content:center;align-items:center;font-size:14px}.title{font-size:42px!important;margin-bottom:25px!important}.json-container{margin-left:20px!important;font-size:14px!important}.json-container .pair-container .values-container .project-img img{width:400px!important}.footer span{padding:0 20px;text-align:center}.list-separator:before{content:"/* -- separator -- */"!important}}@media (max-width:400px){.json-container .pair-container .values-container .project-img img{width:300px!important}}.list{flex-direction:column;align-items:center;row-gap:20px;height:800px}.list-separator{color:#5e5f61}.list-separator:before{content:"/* ---------------------------- separator ---------------------------- */"}.container{width:100%;height:100%;flex-direction:column;justify-content:space-between}.container .center-content{margin-top:5%;display:flex}.container .center-content .content{flex:3;margin-left:10%}.container .title{font-weight:700;font-size:72px;margin-bottom:50px;position:relative}.container .json-container{margin-left:50px}