@import "https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght,MONO@0,300..800,1;1,300..800,1&display=swap";#achievements{grid-template-columns:1fr 1fr;justify-self:center;width:80vw;max-width:800px;margin-top:75px;margin-bottom:140px;display:grid}.unlocked{transition:all .2s;opacity:1!important}.achievementBlock{grid-template-columns:(2, 1fr);opacity:.5;flex-direction:column;justify-self:center;align-items:center;gap:10px;width:256px;height:128px;margin:20px;display:flex}.achievementBlock h3{margin:0;padding:0}.achievementBlock>p{visibility:hidden;opacity:0;text-align:center;width:80%;height:50%;margin:0;padding:0;font-size:15px;transition:all .2s;position:relative}.achievementBlock>img{border-radius:100%;width:64px;height:64px}.achievementBlock:has(img:hover) p{visibility:visible;opacity:1}@media (width<=760px){#achievements{grid-template-columns:initial}}.box{opacity:.8;filter:blur(calc(7vw + 100px))contrast(.6);transition:transform .25s,filter .25s,background .25s,opacity .25s,color .25s;position:fixed}body.dark .box{filter:blur(calc(7vw + 100px))brightness(.5)}#extrasBackground{pointer-events:none;z-index:-1;position:fixed}body.dark #textBackgroundBlur{background-color:#00320c33}#box1{background-color:#a3ffe6;width:80vw;height:100vh;animation:boxAnimation1;top:-20%;left:-10%}#box2{background-color:#73a8e4;width:130vw;height:80vh;animation:boxAnimation2;top:40%;right:-100px}#box3{background-color:#7fbbe6;width:50vw;height:80vh;animation:boxAnimation3;bottom:30%;left:60%}body.dark #box1{background-color:#2c5b6e}body.dark #box2{background-color:#439793}body.dark #box3{background-color:#624bb5b8}.bentoGrid{padding:20px;will-change:transform;flex-direction:column;gap:20px;max-width:1300px;height:fit-content;margin:auto auto 140px;padding-block:50px;display:flex;transform:translateZ(0)}@media (width<=740px){.bentoGrid>.row1,.bentoGrid>.row2{flex-direction:column}.halfColumn div{height:250px}}.bentoGrid div{gap:20px}.bentoGrid div .hero{box-shadow:none;flex:2;width:100%;height:500px;padding:0}.bentoGrid div .hero a{font-size:clamp(20px,2.5vw,25px)}.shrinkBentoBox{flex:1}.halfColumn{flex-direction:column;height:500px;display:flex}.bentoGrid>.row1{flex:2;display:flex}.bentoGrid>.row2{flex:1;display:flex}.hero{text-align:center;-webkit-backdrop-filter:blur(10px)saturate(140%)brightness(103%);backdrop-filter:blur(10px)saturate(140%)brightness(103%);width:60vw;max-width:800px;height:auto;box-shadow:var(--shadow);will-change:transform;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:20px;display:flex;transform:translateZ(0)}body.dark .hero{-webkit-backdrop-filter:blur(10px)saturate(170%)brightness(103%);backdrop-filter:blur(10px)saturate(170%)brightness(103%);box-shadow:var(--dark-shadow)}:root{--shadow-color:198deg 67.2% 65.5%;--shadow:.3px .3px .5px hsl(var(--shadow-color) / .13), 1.1px 1.3px 2px -.3px hsl(var(--shadow-color) / .14), 2px 2.2px 3.6px -.6px hsl(var(--shadow-color) / .15), 3.1px 3.4px 5.5px -.9px hsl(var(--shadow-color) / .15), 4.6px 5.1px 8.2px -1.1px hsl(var(--shadow-color) / .16), 7px 7.7px 12.5px -1.4px hsl(var(--shadow-color) / .17), 10.3px 11.3px 18.3px -1.7px hsl(var(--shadow-color) / .18), 14.9px 16.4px 26.6px -2px hsl(var(--shadow-color) / .19);--dark-shadow-color:190deg 59% 22%;--dark-shadow:.3px .3px .5px hsl(var(--dark-shadow-color) / .13), 1.1px 1.3px 2px -.3px hsl(var(--dark-shadow-color) / .14), 2px 2.2px 3.6px -.6px hsl(var(--dark-shadow-color) / .15), 3.1px 3.4px 5.5px -.9px hsl(var(--dark-shadow-color) / .15), 4.6px 5.1px 8.2px -1.1px hsl(var(--dark-shadow-color) / .16), 7px 7.7px 12.5px -1.4px hsl(var(--dark-shadow-color) / .17), 10.3px 11.3px 18.3px -1.7px hsl(var(--dark-shadow-color) / .18), 14.9px 16.4px 26.6px -2px hsl(var(--dark-shadow-color) / .19)}.menuContainer{justify-content:center;width:100%;margin-top:20px;display:flex}.menu{-webkit-backdrop-filter:blur(10px)saturate(180%)brightness(103%);backdrop-filter:blur(10px)saturate(180%)brightness(103%);z-index:1;border:2px solid #ffffff26;border-radius:20px;justify-content:space-between;width:80vw;max-width:800px;padding:5px;display:flex;position:fixed}body.dark .menu{-webkit-backdrop-filter:blur(10px)saturate(200%)brightness(103%);backdrop-filter:blur(10px)saturate(200%)brightness(103%)}.menu #left,.menu #right{gap:30px}.menu>#left{align-items:center;margin-left:30px;display:flex}.menu>#right{align-items:center;margin-right:15px;display:flex}ul{list-style-type:none}a{color:#124131;text-decoration:none;transition:all .2s}body.dark a{color:#8c6}#current{text-decoration:underline}#hamburgerButton{display:none}@media (width<=820px){.menu a{opacity:0;font-size:1px;transition:none}#hamburgerButton{display:block}}@media (width>=821px){.hamburgerMenu,#hamburgerButton{opacity:0;pointer-events:none}}.hamburgerMenu{z-index:1;opacity:1;-webkit-backdrop-filter:blur(17px)saturate(120%);backdrop-filter:blur(17px)saturate(120%);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:80vw;max-width:800px;height:auto;padding-top:30px;padding-bottom:30px;font-size:30px;list-style-type:none;display:flex;position:fixed;top:80px;left:50vw;transform:translate(-50%);box-shadow:0 0 10px 1px #3f444e63}#nightButton,#hamburgerButton{cursor:pointer;opacity:.6;background:0 0;border:none;width:45px;height:40px;transition:all .2s}#hamburgerIcon{width:100%;height:auto;margin-top:-3px}#nightButton img{width:80%;height:auto}body.dark #hamburgerIcon,body.dark #nightButton img{filter:invert()}.spin{animation:.5s spinClick}@keyframes spinClick{0%{transform:scale(1)}to{transform:scale(1)rotate(360deg)}}.terminalContainer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#36ff2f;font-optical-sizing:auto;font-variation-settings:"MONO" 1;background:#161a24cc;border:1px solid #ffffff14;border-radius:10px;justify-self:center;width:clamp(300px,50vw,600px);height:auto;margin-top:clamp(125px,15vw,200px);margin-bottom:140px;font-style:normal;font-weight:200}body.dark .terminalContainer{background:#161a2480}.terminalContainer p{letter-spacing:.08em;-webkit-user-select:text;user-select:text;text-align:left;margin:0;padding-block:5px;padding-inline:10px;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:20px;line-height:2}.terminal{align-items:left;flex-direction:column;display:flex}.terminalHeader{background-color:#1b1b1d;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:100%;height:30px;display:flex}.controls{gap:8px;display:flex;position:absolute;left:14px}.close{background-color:#ff605c;border-radius:100%;width:13px;height:13px}.maximize{background-color:#ffbd44;border-radius:100%;width:13px;height:13px}.minimize{background-color:#00ca4e;border-radius:100%;width:13px;height:13px}.prompt{display:flex}.prompt input{color:#36ff2f;letter-spacing:.08em;background:0 0;border:none;outline:none;width:100%;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:20px;font-weight:200;line-height:2}#resetButton{color:#36ff2f;font-optical-sizing:auto;font-variation-settings:"MONO" 1;cursor:pointer;background-color:#adadad1a;border:none;border-radius:10px;padding:10px;font-family:SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:20px;font-style:normal;font-weight:200}#timelineLine{border:3px solid #124131;border-radius:100px;justify-content:space-around;justify-self:center;align-items:center;width:80vw;height:0;margin-block:100px;display:flex}.timelineDot{text-align:center;border-radius:30px;flex-direction:column;align-items:center;width:clamp(50px,6.5vw,80px);height:clamp(50px,6.5vw,80px);transition:scale .6s;display:flex}.timelineText{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:20vw;margin-top:10px;font-size:clamp(1px,1.25vw,17.5px)}.timelineImage{border-radius:50%;width:100%;height:100%}.timelineDot:hover{scale:1.4}#dot1{animation-name:timelineButtonAppear;animation-duration:1s}#dot2{animation-name:timelineButtonAppear;animation-duration:1s;animation-delay:.5s}#dot3{animation-name:timelineButtonAppear;animation-duration:1s;animation-delay:1s}#dot4{animation-name:timelineButtonAppear;animation-duration:1s;animation-delay:1.5s}.timelineButton{cursor:pointer;border:none;border-radius:50%;width:100%;height:100%;padding:0}.timelineDot{animation-fill-mode:forwards;transform:scale(0)}@keyframes timelineButtonAppear{0%{transform:scale(0)}to{transform:scale(1)}}@media (width<=630px){#timelineLine{flex-direction:column;justify-content:space-between;align-items:center;width:0;height:63vh;display:flex}.timelineDot{scale:1.2}.timelineText{font-size:clamp(7.5px,2vw,17.5px)!important}}*{-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#highlight{background-color:#3af44633;border-radius:2px;padding:2px}body.dark #highlight{background-color:#46c3d433}#contacts{display:flex}#contacts img{border-radius:100%;width:64px;height:64px;margin-inline:10px}.transitionColor{transition:transform .25s,box-shadow .25s,background .25s,opacity .25s,color .25s,filter .25s}html{height:100%}body{color:#124131;background:#f4f7fb;flex-direction:column;min-height:100%;display:flex}main{flex:1;padding-top:120px}.dark{color:#8c6;background:#001432}h1{justify-self:center;margin-top:20px}p{font-size:20px}p,h2,h3,h4,h5,h6{justify-self:center;margin:30px}.hidden{pointer-events:none;opacity:0!important}header a:hover,header button:hover{filter:drop-shadow(0 0 10px #355449)}body.dark header a:hover,body.dark header button:hover{filter:drop-shadow(0 0 10px #d1eaff)}.btn:hover{cursor:pointer;box-shadow:0 4px 16px -1px #0003}body.dark .btn:hover{box-shadow:0 4px 16px -1px #fff3}footer{-webkit-backdrop-filter:blur(100px)saturate(140%);backdrop-filter:blur(100px)saturate(140%);text-align:center;opacity:.6;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:200px;margin-top:auto;display:flex;bottom:0;box-shadow:0 0 10px 2px #3f444e63}body.dark footer{-webkit-backdrop-filter:blur(100px)saturate(300%);backdrop-filter:blur(100px)saturate(300%);box-shadow:0 0 10px 2px #485f5363}.particle{pointer-events:none;will-change:transform, opacity;z-index:1;background:#4f8e78;border-radius:50%;outline:.5px solid #124131;width:8px;height:8px}.linkButton{text-align:center;cursor:pointer;white-space:nowrap;background-color:#aecede80;border:2px solid #ffffff26;border-radius:8px;width:fit-content;height:fit-content;margin:15px;padding:10px 12px;font-size:clamp(20px,2.5vw,35px);transition:all .2s}body.dark .linkButton{background-color:#286169}.linkContainer{grid-template-columns:repeat(2,auto);justify-content:center;place-items:center;gap:20px;max-width:600px;margin:0 auto 130px;display:grid}#extrasButton{cursor:pointer;color:#124131;background-color:#aecede80;border:2px solid #ffffff26;border-radius:10px;padding:10px;font-size:20px;transition:all .2s}body.dark #extrasButton{color:#8c6;background-color:#286169}