@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--back: #090a0b;--prim: #1a1d28;--seco: #313f4e;--tert: #4f617d;--text: #b3cbf9;--accent: #ff00ff;--back-light: color-mix(var(--back) 75%, var(--prim));--back-lighter: color-mix(var(--back) 50%, var(--prim));--prim-light: color-mix(var(--prim) 50%, var(--seco));--link: rgb(142, 111, 255);--link-visited: rgb(231, 137, 243)}a{color:var(--link)}a:visited{color:var(--link-visited)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--prim);border-radius:4px;border:2px solid var(--back)}::-webkit-scrollbar-thumb:hover{background:var(--seco)}::-webkit-scrollbar-corner{background:var(--prim);border-radius:4px;border:2px solid var(--back)}body{background-color:var(--back);color:var(--text);font-family:Noto Sans;margin:0;display:flex}#app{width:100vw;display:flex;justify-content:center}#app>#content{padding:20px}#app>#content>section{margin:10px;padding:20px 30px 30px;justify-items:center;text-align:center;background-color:var(--back-light);border:1px solid var(--prim);border-radius:10px}#app>#content>section>p{margin-bottom:0}#lang-list{display:flex;flex-wrap:wrap;gap:10px;max-width:430px}#lang-list>div,#lang-list>a{position:relative;display:flex}:is(#lang-list>div,#lang-list>a)>img{width:100px;color:#fff}#lang-list>div.love:after,#lang-list>a.love:after{content:"❤️";position:absolute;right:0;bottom:0;width:25px;height:25px;align-content:center;text-align:center;background-color:var(--prim);border-radius:5px}#lang-list>div.really-love:after,#lang-list>a.really-love:after{content:"🤤";position:absolute;right:0;bottom:0;width:25px;height:25px;align-content:center;text-align:center;background-color:var(--prim);border-radius:5px}#lang-list>div.hate:after,#lang-list>a.hate:after{content:"🤮";position:absolute;right:0;bottom:0;width:25px;height:25px;align-content:center;text-align:center;background-color:var(--prim);border-radius:5px}#my-lang-list{width:100%;display:flex;flex-direction:column;gap:10px}#my-lang-list>div{border:1px solid var(--prim);border-radius:10px}#my-lang-list>div>header{height:35px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--prim)}#my-lang-list>div>header>img{width:24px;margin-right:5px;border-radius:5px}#my-lang-list>div>header>a{position:absolute;right:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--back-light);border-left:1px solid var(--prim);border-radius:0 10px 0 0;transition:background-color .2s}#my-lang-list>div>header>a>img{height:18px}#my-lang-list>div>header>a:hover{background-color:var(--prim)}#my-lang-list>div>div{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}#my-lang-list>div>div>img{width:400px;margin-bottom:15px;border-radius:5px;border:1px solid var(--prim)}#my-lang-list>div>div>p{max-width:400px;margin:0}#my-lang-list>div>div>code{margin-bottom:15px;width:100%;text-align:left;background-color:var(--prim);border-radius:5px;border:1px solid var(--prim-light)}#my-lang-list>div>footer{height:25px;padding:10px;display:flex;align-items:center;border-top:1px solid var(--prim)}#my-lang-list>div>footer>a{text-decoration:none}#my-lang-list>div>footer>img{margin:5px;height:25px;border-radius:5px}#project-list{display:flex;flex-direction:column;gap:10px}#project-list>div{border:1px solid var(--prim);border-radius:10px}#project-list>div>header{height:35px;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--prim)}#project-list>div>header>img{width:24px;margin-right:5px;border-radius:5px}#project-list>div>header>a{position:absolute;right:0;width:35px;height:35px;display:flex;align-items:center;justify-content:center;text-decoration:none;background-color:var(--back-light);border-left:1px solid var(--prim);border-radius:0 10px 0 0;transition:background-color .2s}#project-list>div>header>a>img{height:18px}#project-list>div>header>a>svg{color:var(--text)}#project-list>div>header a.second{border-radius:0;right:36px}#project-list>div>header>a:hover{background-color:var(--prim)}#project-list>div>div{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}#project-list>div>div>img{width:400px;margin-bottom:15px;border-radius:5px;border:1px solid var(--prim)}#project-list>div>div>p{max-width:400px;margin:0}#project-list>div>footer{height:25px;padding:10px;display:flex;align-items:center;border-top:1px solid var(--prim)}#project-list>div>footer>a{text-decoration:none}#project-list>div>footer>img{margin:5px;height:25px;border-radius:5px}h1,h2{position:relative;margin:0 0 20px}h1:after,h2:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;background-color:var(--prim)}.code-content{padding:10px 10px 10px 12.5px}.code-content>div>span{white-space:pre;color:#f700ff;font-family:jetbrains mono}.code-content .code_token_word{color:#fff}.code-content .code_token_keyword{color:#fb6c48}.code-content .code_token_constant{color:#df4559}.code-content .code_token_operator{color:#e37f27}.code-content .code_token_variable{color:#9cc5e3}.code-content .code_token_type{color:#68d087}.code-content .code_token_function{color:#559cd7}.code-content .code_token_punctuation{color:#cecece}.code-content .code_token_bracket{color:#ffe629}.code-content .code_token_string{color:#56ca86}.code-content .code_token_comment{color:#9555b3;font-style:italic}.code-content .code_token_decorator{color:#96fff3}.code-content .code_token_property_holder{color:#b5d5ff}.code-content .code_token_escape{color:#fb6c48;font-style:italic}.code-content .code_token_subst{color:#9cc5e3}.code-content .code_token_regexp{color:#56ca86}.code-content .code_token_symbol{color:#df4559}.code-content .code_token_property{color:#b5d5ff}.code-content .code_token_meta{color:#cecece;font-style:italic}.code-content .code_token_title{color:#559cd7;font-weight:700}.code-content .code_token_tag{color:#fb6c48}.code-content .code_token_attribute{color:#68d087}