#home{display:flex;flex-direction:column;min-height:100vh;padding:10px;background:var(--base);z-index:0}#home svg{transition:.2s ease stroke}#home>header{display:flex;justify-content:center;align-items:center;height:15vh}#home>main{display:flex;flex-direction:column;align-items:center;gap:10px}#home>main h2{font-family:var(--default-font);font-size:32px;color:var(--text-2)}#home>footer{display:flex;margin-top:auto;justify-content:right}#home>footer svg{stroke:var(--text-3)}#home>footer svg:hover{stroke:var(--text-2)}#home-title{position:relative}#home-title-surface{position:relative;font-family:var(--default-font);color:var(--text);border-radius:10px;font-size:48px;background:var(--blue);padding:5px 70px;z-index:1}#home-title-back{position:absolute;height:115%;width:85%;top:50%;left:50%;translate:-50% -50%;border-radius:10px;z-index:0;background:var(--brblue)}#input-wrapper{display:flex;flex-direction:column}#user-input{height:75px;border:4px solid var(--overlay);background:var(--overlay-2);border-radius:10px;padding:10px;font-family:var(--default-font);font-size:36px;color:var(--text-3);transition:.3s ease border-color;width:min(600px,90vw)}#user-input:focus{outline:none;border-color:var(--text-2)}#user-input:hover{border-color:var(--text-2)}#user-input::placeholder{color:var(--text-3);opacity:.7}#search-results{background:var(--overlay-2);border:4px solid var(--overlay);border-radius:10px;width:min(600px,90vw);max-height:500px;transition:.3s ease border-color;overflow:auto}#search-results>li{list-style:none;display:flex;flex-direction:column}#search-results>li>ul{display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:.2s ease background-color;font-family:var(--default-font);font-size:36px;color:var(--text-3);padding:15px;height:94px}#search-results>li>ul>div{display:flex;align-items:center;gap:12px}#search-results>li>ul>span{font-size:24px}#search-results>li>ul:hover{background-color:color-mix(in srgb,var(--overlay-2) 100%,black 20%)}#search-results img{width:64px;border-radius:100%}#search-results:hover{border-color:var(--text-2)}#results-not-found,#results-loading{padding:15px;font-family:var(--default-font);color:var(--text-3);font-size:36px}:is(#results-not-found,#results-loading)>span{font-size:24px}:is(#results-not-found,#results-loading)>span>a{text-decoration:underline;color:unset;transition:.2s ease color}:is(#results-not-found,#results-loading)>span>a:hover{color:var(--text-2)}#orpheus-flag{position:absolute;top:20px;left:0;z-index:3;width:250px}.avatar-placeholder{height:64px;border-radius:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/default-avatar.png)}@media screen and (max-width:1000px){#orpheus-flag{display:none}}.card{background:var(--overlay-2);padding:10px 20px;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:auto;scrollbar-width:none;gap:3px;font-size:28px;border-radius:8px;box-shadow:var(--default-shadow)}@media(max-width:600px){.card{width:170px}}.card:not(#top-project-card){white-space:nowrap}.card>.card-first{color:var(--text-2)}.card>.divider{height:2px;border-radius:3px;width:100%;background:var(--text-2)}.card>.card-second{color:var(--text-3)}#stats{display:flex;flex-direction:column;min-height:100vh;background:var(--base);font-family:var(--default-font);padding:50px;gap:30px}@media(max-width:600px){#stats{padding:25px}}#stats>header,#stats main,#stats footer{animation:fadeIn .5s linear}#stats h1{font-size:48px;line-height:100%}@media(max-width:600px){#stats h1{font-size:30px}}#stats>header{display:flex;justify-content:space-between;align-items:center}#stats>header>button svg{stroke:var(--text-2)}@media(max-width:600px){#stats>header button{display:none}}#stats #stats-header-left{display:flex;align-items:center;gap:25px;color:var(--text-2)}#stats #stats-header-left>div:not(#avatar){display:flex;flex-direction:column}#stats #stats-header-left>div:not(#avatar)>span{font-size:20px}#stats>main{display:flex;flex-direction:column;gap:30px}#stats>main .stats-row{display:flex;flex-wrap:wrap;gap:30px}#stats>main .stats-row>section{display:flex;flex-direction:column;gap:3px}#stats>main .stats-row>section>h2{color:var(--text-2)}#stats>main .stats-row>section>div:not(.card,#heatmap){display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}#stats>main .stats-row>section>div:not(.card,#heatmap)>div{display:flex;flex-wrap:wrap;gap:10px 20px}@media(max-width:600px){#stats>main .stats-row>section>div:not(.card,#heatmap)>div{gap:10px 10px}}#avatar{position:relative}#avatar #avatar-img{height:125px;border-radius:100%;border:10px solid var(--red)}#avatar #avatar-hat{position:absolute;height:130px;top:-50px;left:-24px}#projects-grid{display:grid!important;grid-template-columns:repeat(2,1fr);width:fit-content}@media(max-width:600px){#projects-grid{display:flex!important;flex-wrap:wrap}}#top-project>.card{width:364px;padding:10px;align-items:flex-start;overflow:auto;gap:0}#top-project>.card>.divider{margin:5px 0}#top-project>.card>#top-project-title{color:var(--text-2);font-size:30px}#top-project>.card>#top-project-description{color:var(--text-3);font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}#top-project>.card #top-project-stats{color:var(--text-2);font-size:22px;line-height:100%}#heatmap{background:var(--overlay-2);border-radius:8px;width:fit-content;min-width:300px;box-shadow:var(--default-shadow)}#heatmap>#heatmap-grid{padding:15px;display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,1fr);max-width:85vw;overflow-x:auto;gap:4px}#heatmap>#heatmap-grid>div{position:relative;border-radius:3px;height:25px;width:25px}#heatmap>#heatmap-grid>div:before{content:"";position:absolute;height:100%;width:100%;border:1px solid var(--overlay);opacity:.5;border-radius:3px}#tooltip{position:fixed;background:var(--overlay-2);padding:5px 10px;border:2px solid var(--overlay);border-radius:8px;color:var(--text-2)}#download-card-btn{display:flex;align-items:center;gap:12px;font-family:var(--default-font);color:var(--text);background:var(--text-2);border:3px solid var(--text-4);font-size:28px;width:fit-content;padding:10px 20px;border-radius:8px;transition:.2s ease background}#download-card-btn:hover{background:color-mix(in srgb,var(--text-2) 100%,var(--base) 3%)}#stats-loading{position:absolute;top:50%;left:50%;translate:-50% -50%;color:var(--text-2);font-size:48px}#stats-loading:after{content:"";position:absolute;bottom:0;left:0;height:4px;width:100%;transform-origin:bottom left;background:var(--text-2);animation:loadingUnderline 5s ease-out}#stats-error-wrapper{position:absolute;display:flex;flex-direction:column;left:50%;top:50%;translate:-50% -50%;max-width:600px;background:var(--overlay-2);padding:15px;border-radius:8px;box-shadow:var(--default-shadow)}#stats-error-wrapper>h2{font-size:64px;color:var(--text-2)}#stats-error-wrapper>#stats-error{font-size:32px;color:var(--text-2)}#stats-error-wrapper>span{font-size:24px;color:var(--text-3)}#stats-error-wrapper>div{display:flex;gap:10px;align-items:center;justify-content:right;margin-top:20px}#stats-error-wrapper>div>button{font-family:var(--default-font);color:var(--text);background:var(--text-3);font-size:32px;height:60px;min-width:170px;border:3px solid var(--text-2);border-radius:8px;transition:.2s ease background}#stats-error-wrapper>div>button:hover{background:color-mix(in srgb,var(--text-3) 100%,var(--base) 3%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingUnderline{0%{transform:scaleX(0)}to{transform:scaleY(1)}}#not-found{min-height:100vh;display:flex;justify-content:center;align-items:center;background:var(--base)}#not-found>main{display:flex;flex-direction:column;gap:10px;padding:15px;font-family:var(--default-font);color:var(--text-2);border-radius:8px;box-shadow:var(--default-shadow);background:var(--overlay-2);font-size:24px}#not-found>main>button{font-family:var(--default-font);color:var(--text);background:var(--text-3);width:fit-content;font-size:32px;height:55px;min-width:170px;border:3px solid var(--text-2);border-radius:8px;transition:.2s ease background}#not-found>main>button:hover{background:color-mix(in srgb,var(--text-3) 100%,var(--base) 3%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--default-font: "Jua", system-ui;--default-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .25);--base: #E7D4B1;--overlay: #D7B593;--overlay-2: #F8E9D3;--text: #F8E9D3;--text-2: #4E2C33;--text-3: #7B4942;--text-4: #AD7858;--green: #73A542;--brgreen: #D0DA90;--red: #BA4A51;--brred: #F4B19F;--blue: #3D5E8A;--brblue: #4F8FBA}button{background:unset;border:unset;cursor:pointer}.noto-emoji{font-family:"Noto Emoji",system-ui;font-weight:1000}