#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}a::selection,p::selection,span::selection,h1::selection,h2::selection,h3::selection,h4::selection,h5::selection{color:var(--accent2)}#container{height:auto;position:absolute;left:0;top:0;min-height:100vh;overflow-y:scroll;overflow-x:hidden;color:#fff;background:linear-gradient(var(--bgColor),var(--bgColor2))}.navBar{height:15vh;display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--bgColor2);background:transparent}.mainArea{min-width:90vw;height:auto;padding-left:5vw;padding-right:5vw;padding-top:min(10vw,10vh);display:flex;flex-direction:column;justify-content:space-between;align-items:center}.mainArea>section{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:center;gap:max(3vw,3vh);margin-bottom:min(15vh,15vw)}.accountBlock{height:calc(var(--blockSize)/3);width:var(--blockSize);overflow-y:hidden;overflow-x:hidden;background-color:#000;color:#fff;display:flex;justify-content:space-evenly;align-items:center;border-radius:max(2.5vw,2.5vh);font-family:AudioWide;line-height:1;cursor:pointer;transition:scale .3s,box-shadow .3s}.accountBlock:first-of-type{border-radius:max(2.5vw,2.5vh) max(2.5vw,2.5vh) 0 0}.accountBlock:nth-of-type(2){border-radius:0}.accountBlock:nth-of-type(3){border-radius:0 0 max(2.5vw,2.5vh) max(2.5vw,2.5vh)}.accountBlock:hover{box-shadow:0 0 10px #fff;scale:1.1}.accountBlock>p{font-size:min(2.2vh,2.2vw,.7em)}.accountBlock>span{max-width:20%;height:auto;padding:0;margin:0}.block{height:var(--blockSize);width:var(--blockSize);cursor:pointer;font-family:AudioWide;font-size:min(2vh,2vw,.65em);letter-spacing:1px;background:#000;border-radius:max(2vw,3vh);scale:1;transition:box-shadow .3s,scale .3s;line-height:1.1}.block:hover{scale:1.1;box-shadow:-2px 0 2px #fff,2px 0 2px #fff,0 2px 2px #fff,0 -2px 2px #fff}.titleContainer{position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-top:-29%;border-radius:0 0 max(2vw,3vh) max(2vw,3vh);height:30%;width:100%;background-color:#ffffff1a;display:flex;justify-content:center;align-items:center;overflow:hidden}.titleContainer>p{padding:0 15%}.imgContainer{height:100%;min-height:100%;overflow:hidden;border-radius:max(2vw,3vh)}.imgContainer>img{width:100%;height:100%;border-radius:max(2vw,3vh)}.superStyle:hover{box-shadow:-2px 0 2px #f0f,2px 0 2px #0f0,0 2px 2px #ff0,0 -2px 2px #fff}.noImage>.titleContainer{height:100%;margin-top:0;border-radius:max(2vw,3vh);opacity:.5}.centerPreviewImage>.imgContainer>img{object-fit:cover}.footer{height:min(20vh,30vw);background:linear-gradient(var(--bgColor2),var(--bgColor));display:flex;justify-content:center;align-items:center;font-family:AudioWide,sans-serif;letter-spacing:2px;word-spacing:10px}.footer>span{font-size:1px;width:1.5rem;height:1.5rem;margin-left:1.5rem}.footer::selection{color:var(--accent2)}h2{color:#fff;text-shadow:1px 1px black,2px 2px var(--accent);letter-spacing:2px;word-spacing:5px;font-size:1.3em;font-family:AudioWide,sans-serif;animation:myHeaderAnim 1s 1s forwards}h2::selection{color:var(--accent)}@keyframes myHeaderAnim{0%{letter-spacing:2px}50%{letter-spacing:4px}to{letter-spacing:2px}}.likeButton{position:absolute;right:max(3vw,10px);top:calc(15vh + 20px);height:min(7vw,2.5em);width:auto;padding:min(.1vw,.1em) min(1.5vw,1.5em);display:flex;align-items:center;justify-content:center;color:#999;font-family:Comfortaa;background-color:transparent;border-radius:min(1vw,.6em);border:1px solid #999999;margin:0;cursor:pointer;z-index:43}.likeButton>p{line-height:.5;cursor:pointer;z-index:42}.likeButton:hover{border-color:var(--accent2);color:var(--accent2);scale:1.1;transition:scale .3s 0ms}.likeButton:hover>p>.emoji{filter:hue-rotate(15deg)}.likeButton>p>.emoji{cursor:pointer;z-index:41}.clicked{border-color:var(--accent2);color:var(--accent2)}.likeButton>p>.emoji{font-size:min(2vw,1.2em)}.clicked>p>.emoji{filter:hue-rotate(15deg)}.notClicked>p>.emoji{filter:grayscale()}.likeButton>p>.count{font-size:min(2vw,.8em);letter-spacing:1px;word-spacing:2px}.heartCon{position:absolute;right:10%;top:13%;display:flex;justify-content:center;align-items:center;opacity:0;animation:flyingAnim 1s forwards ease-in}.heartCon>span{filter:hue-rotate(15deg)}@keyframes flyingAnim{30%{opacity:1}to{top:-20%;scale:.5}}.popup{position:absolute;top:0;left:0;min-height:100vh;height:100%;width:100vw;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-animation:fadeIn .5s;animation:fadeIn .5s}.popupContent{z-index:21;position:relative;width:max(60vw,300px);height:auto;background-color:#000c;border:2px solid rgba(0,0,0,.2);z-index:25;display:flex;flex-direction:column;align-items:center;border-radius:max(4vw,4vh);padding-bottom:min(4vw,4vh);margin-bottom:5vh;overflow-x:hidden}.popupContent>section>.sectionTitle{width:90%;font-family:Comfortaa;font-weight:bolder;font-size:min(3vw,1.2em);border-bottom:1px solid lightslategray;color:#789}.close{z-index:50;position:absolute;left:20px;top:20px;color:var(--textColor);background:#00000080;padding:10px 11px;line-height:1;border-radius:100%;font-weight:400;font-family:AudioWide;font-size:min(2vw,1em);cursor:pointer;letter-spacing:1px}.close:hover{background:#000;color:var(--accent2)}.popupContent>.popupTitleContainer{display:flex;width:80%;justify-content:space-between;padding:0vh 0}.popupContent>.popupTitleContainer>div>h4,.popupContent>.popupTitleContainer>div>h3{font-family:AudioWide;font-weight:700;font-size:min(4vw,1.65em);line-height:1}.popupContent>.popupTitleContainer>div>h4{font-size:min(3.8vw,1.5em);color:var(--accent3)}.popupContent>section{height:auto;width:90%;font-family:Comfortaa;font-size:max(1vw,1.2vh);display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.popupContent>section>div{display:flex;height:auto;width:90%;flex-direction:column}a{word-break:break-all}.techItem{color:#fff;line-height:1;border:1px solid white;margin-left:min(10px,1.5vw);margin-bottom:min(1.5,10px);font-size:min(1em,1.7vw,2.3vh);display:inline-block;padding:min(8px,1.2vw) min(10px,1.5vw);border-radius:min(10px,1.5vw)}.popupContent>section>.techStackContainer{display:flex;flex-direction:row;flex-wrap:wrap;row-gap:10px;justify-content:center}.popupContent>section>div>.link>a:visited,.popupContent>section>div>.link>a{color:var(--accent3);text-decoration:none}.popupContent>section>div>.link>a:hover{text-decoration:underline}.popupContent>.imgCon{height:min(30vh,30vw);width:100%;background-color:var(--primary);border-radius:max(4vw,4vh) max(4vw,4vh) 0 0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;overflow-x:hidden}.popupContent>.imgCon>img{height:100%;width:auto;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none}.note{color:var(--accent4)}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#versionTag{font-size:.6em;font-weight:700;color:var(--textColor);letter-spacing:2px;line-height:1;position:absolute;left:5px;bottom:5px;font-family:AudioWide}#versionTag::selection{color:var(--accent2)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:transparent;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;--primary: #04040a;--primary2: rgba(4, 4, 10, .5);--bgColor: #040404;--bgColor2: #2a2a42;--accent: pink;--accent2: orangered;--accent3: steelblue;--accent4: orange;--textColor: #e0e0e0;--darkTextColor: #101020;--blockSize: max(10vw, 14.5vh)}body{background:transparent;color:var(--textColor)}