@keyframes skeleton{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@font-face{font-family:Mononoki Nerd Font;src:url(../../../fonts/MononokiNerdFont-Regular.ttf) format("ttf");font-style:normal}:root{color:var(--text);background-color:var(--base);transition:background .5s,color .5s}*{margin:0}a{transition:background .4s,color .4s}.not-found{text-align:center;margin-top:2%;margin-bottom:2%}.loading{font-size:1.5rem;color:var(--subtext0);display:flex;justify-content:center;align-items:center}.loading .loading-spinner{animation:1s spin linear infinite;height:40px;width:40px;border-radius:50%;border:7px solid var(--sapphire);border-top-color:transparent}.media-content{display:flex;align-items:center;justify-content:center;flex-direction:row;margin-bottom:10px;margin-top:1.5rem}.media-content a{width:50px;fill:var(--sapphire);transition:fill .5s}.media-content a:hover{fill:var(--overlay2)}.palette-content{display:flex;align-items:center;justify-content:center;flex-direction:row}.palette-content .palette-color{border-radius:50%;width:25px;height:25px}.palette-content table{width:100%;text-align:left}.palette-content td{font-size:25px}.palette-content tr{padding-left:50px;background-color:#5b141a}.palette-content tr:nth-child(2n){background-color:#a32f20}.projects-wrapper h2{margin-bottom:1rem;padding-left:1.5rem}@media only screen and (max-width:700px){.projects-wrapper h2{padding-left:0}}.projects-content{margin:0 1.5rem;display:grid;grid-template-columns:repeat(2,minmax(300px,1fr));gap:1rem}@media only screen and (max-width:700px){.projects-content{margin:.5rem}}@media only screen and (max-width:1240px){.projects-content{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project{background-color:var(--crust);border:2px solid var(--sapphire);border-radius:12px;aspect-ratio:auto;padding:.75rem 15px;margin:0;min-height:120px;display:flex;align-items:center;justify-content:space-between;flex-direction:column}.project img{max-width:100%;height:auto}.project a{color:var(--sapphire);font-size:clamp(18px,3vw,20px);text-decoration:none}.project a:hover{color:var(--overlay2)}.project article{font-size:clamp(14px,2vw,16px)}.project article a{font-size:clamp(14px,2vw,16px)}.project .project-top-content{display:flex;align-items:flex-start;justify-content:space-evenly;flex-direction:column;height:70%;width:100%;margin-left:2%}.tech-wrapper{margin:1.5rem}.tech-wrapper h2{margin-bottom:10px}.tech-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;align-items:flex-start;gap:20px}@media only screen and (max-width:700px){.tech-content{grid-template-columns:1fr 1fr}.tech-content .tech-div{margin-right:0}}.tech-div{text-align:center;margin-right:5rem}.lang{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;margin:5px 0}.lang img{margin-right:10px}.fav-section{margin:1.5rem}.fav-section h2{margin-bottom:10px}.fav-wrapper{display:grid;justify-content:center;align-items:flex-start;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:50px}@media only screen and (max-width:1300px){.fav-wrapper{grid-template-columns:1fr 1fr}}@media only screen and (max-width:800px){.fav-wrapper{grid-template-columns:1fr}}.fav-wrapper ul{padding:0;list-style-type:none;display:flex;flex-direction:column;gap:5px}.fav-wrapper .fav-div{background-color:var(--crust);border:2px solid var(--sapphire);border-radius:12px;aspect-ratio:auto;padding:.75rem 15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.fav-wrapper .fav-div h3{margin-bottom:10px;display:flex;flex-direction:column;align-items:center}.fav-wrapper .fav-div{text-align:center}footer{text-align:center}h2{text-align:left}@media only screen and (max-width:700px){h2{text-align:center}}.home-wrapper{min-width:300px;width:55%;margin:2% auto 0}.top-content{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding-left:1.5rem}.top-content .avatar-name{display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.top-content .avatar-name img{margin-right:10px;border-radius:50%}.top-content .spotify-div{display:flex;align-items:center;color:var(--text);font-size:clamp(12px,2vw,16px);text-decoration-line:none;margin-top:10px;text-align:start}.top-content .spotify-div img{margin-left:7px;margin-right:5px}@media only screen and (max-width:700px){.top-content .spotify-div{flex-direction:column;text-align:center;align-items:center}.top-content .spotify-div img{width:60px;height:60px;margin-top:10px}}.top-content .spotify-div .spotify-content{margin-left:2px}@media only screen and (max-width:700px){.top-content .spotify-div .spotify-content{margin-top:10px}}@media only screen and (max-width:700px){.top-content{padding-left:0;align-items:center}}.top-content h2{margin-bottom:0}hr{border-color:var(--sapphire);margin:1.5rem 0}.about-content,.github-content{text-align:left;padding:0 1.5rem}.about-content h2,.github-content h2{margin-bottom:10px}@media only screen and (max-width:700px){.about-content,.github-content{text-align:center}}:root{--base: #181822;--pink: #d35c9e;--text: #c9d3ea;--subtext0: #a3aec9;--subtext1: #7d89a6;--purple: #8c7cf0;--crust: #0c0b11;--mantle: #12121a;--sapphire: #79d6fc;--surface0: #2a2937;--surface1: #353546;--surface2: #403f55;--overlay0: #4a4963;--overlay1: #55546f;--overlay2: #605f7a;--yellow: #e6d163;--peach: #e89a7a;--green: #68c792;--blue: #2a7dd3;--orange: #e0853e;--sky: #4ebbe6;--red: #e04f5f;--black: #05070b}