body{overflow:hidden;width:100vw}@font-face{font-family:Meslo;src:url(/static/media/MesloLGS-Regular.64c016c03a2527def31b.ttf) format("truetype")}@-webkit-keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:1turn}}@keyframes rotate{0%{rotate:0deg}50%{scale:1 1.5}to{rotate:1turn}}#blob{-webkit-animation:rotate 20s infinite;animation:rotate 20s infinite;aspect-ratio:1;background-color:#fff;border-radius:50%;height:34vmax;left:50%;opacity:.5;overflow:hidden;position:absolute;top:50%;translate:-50% -50%;z-index:1}#blur{-webkit-backdrop-filter:blur(20vmax);backdrop-filter:blur(20vmax);z-index:3}#blur,#blur2{height:100vh;overflow:hidden;position:absolute;width:100vw}#blur2{-webkit-backdrop-filter:blur(5vmax);backdrop-filter:blur(5vmax);z-index:4}.parent{overflow:hidden}.h1{-webkit-animation:opacity_animation 1s forwards;animation:opacity_animation 1s forwards;-webkit-animation-delay:0s;animation-delay:0s;font-size:clamp(3rem,10vw,10rem);top:50%}.h1,.icon{border-radius:clamp(.4rem,.75vw,1rem);color:#fff;font-family:Meslo,monospace;left:50%;margin:0;opacity:0;padding:0 clamp(1rem,2vw,3rem);position:absolute;text-align:center;translate:-50% -50%;white-space:nowrap;z-index:6}.icon{-webkit-animation:icon_opacity_animation 1s forwards;animation:icon_opacity_animation 1s forwards;-webkit-animation-delay:.5s;animation-delay:.5s;border:.2rem solid #fff;font-size:clamp(1rem,3vw,3rem);top:70%}@-webkit-keyframes icon_opacity_animation{0%{opacity:0;top:50%}50%{opacity:.5;top:75%}to{opacity:1;top:70%}}@keyframes icon_opacity_animation{0%{opacity:0;top:50%}50%{opacity:.5;top:75%}to{opacity:1;top:70%}}@-webkit-keyframes opacity_animation{0%{left:45%;opacity:0}to{left:50%;opacity:1}}@keyframes opacity_animation{0%{left:45%;opacity:0}to{left:50%;opacity:1}}.section{height:100vh;overflow:hidden;scroll-margin:0;width:100vw}body{background-color:#000;height:100vh;margin:0}.terminal{clip:rect(.3vw,49vw,50vh,.3vh);background:#fff;font-family:Meslo;font-size:1.5rem;height:50vh;left:90vh;object-fit:cover;object-position:center;overflow:hidden;position:absolute;top:19.5vh;width:50vw;z-index:2}.portfolio_top{height:100vh;position:fixed;width:90vw}.terminal_container{border:.2rem solid #90a6c0;border-radius:10px;height:50vh;left:90vh;margin-left:90vh;margin-top:10vh;top:110vh;width:49vw}h1{font-family:Meslo,monospace}.title{color:#fff;font-size:xxx-large;text-align:center}.heading{margin-top:-50vh}.heading,.heading_about{color:#fff;margin-left:5vw;text-align:center;width:40vw}.heading_about{margin-top:0}.subtitle{margin-left:5vw;text-align:center}.subtitle,.subtitle_b{-webkit-animation:content_p_render 1.5s forwards;animation:content_p_render 1.5s forwards;color:#51514f;width:40vw}.content_p,.subtitle_b{margin-left:2vw}.content_p{-webkit-animation:content_p_render 1.5s forwards;animation:content_p_render 1.5s forwards;color:#6ea7e2;width:40vw}@-webkit-keyframes content_p_render{0%{margin-left:1vw;opacity:0}50%{margin-left:3vw;opacity:.5}to{margin-left:2vw;opacity:1}}@keyframes content_p_render{0%{margin-left:1vw;opacity:0}50%{margin-left:3vw;opacity:.5}to{margin-left:2vw;opacity:1}}@-webkit-keyframes github_render{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@keyframes github_render{0%{opacity:0}50%{opacity:.5}to{opacity:1}}.heading_b{-webkit-animation:color-change 2s forwards;animation:color-change 2s forwards;-webkit-animation-delay:.5s;animation-delay:.5s;color:#0b0e12;margin-left:2vw;margin-top:5vh;width:40vw}@-webkit-keyframes color-change{50%{color:#51514f}to{color:#fff}}@keyframes color-change{50%{color:#51514f}to{color:#fff}}@-webkit-keyframes border-color-change{0%{border:.15rem solid #0b0e12;color:#0b0e12;margin-left:14.5vw}50%{border:.15rem solid #51514f;color:#51514f;margin-left:15.5vw}to{border:.15rem solid #fff;color:#fff;margin-left:15vw}}@keyframes border-color-change{0%{border:.15rem solid #0b0e12;color:#0b0e12;margin-left:14.5vw}50%{border:.15rem solid #51514f;color:#51514f;margin-left:15.5vw}to{border:.15rem solid #fff;color:#fff;margin-left:15vw}}.white-letter{color:#fff}.icon_b{-webkit-animation:border-color-change .5s forwards;animation:border-color-change .5s forwards;-webkit-animation-delay:1.7s;animation-delay:1.7s;border:.15rem solid #0b0e12;border-radius:50%;color:#0b0e12;font-size:x-large;margin-left:15vw;margin-top:-6vh;padding:1vh;position:fixed}.parent_word{align-items:center;-webkit-animation:github_render 1.5s forwards;animation:github_render 1.5s forwards;background:#0b0e12;display:flex;font-size:large;height:4vh;justify-content:center;margin-bottom:1vh;margin-left:-1vw;margin-top:1vh;opacity:0;width:10vw}.display{border:1px solid blue;margin-bottom:4vh;width:100vw}.container,.display{-webkit-animation:github_render 1.5s forwards;animation:github_render 1.5s forwards;height:4vh;overflow:hidden;position:fixed}.container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-top:1vh;width:10vw}.word-container{-webkit-animation:github_render 1.5s forwards;animation:github_render 1.5s forwards;display:inline-block;margin:0;position:absolute}.word-container:nth-child(2){margin-top:10vh}.letter{display:inline-block;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.container:hover .word-container .letter:first-child{-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:first-child,.container:not(:hover) .word-container .letter:first-child{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:0s}.container:not(:hover) .word-container .letter:first-child{-webkit-transform:translateY(0);transform:translateY(0)}.container:hover .word-container .letter:nth-child(2){-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:nth-child(2),.container:not(:hover) .word-container .letter:nth-child(2){transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.07s}.container:not(:hover) .word-container .letter:nth-child(2){-webkit-transform:translateY(0);transform:translateY(0)}.container:hover .word-container .letter:nth-child(3){-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:nth-child(3),.container:not(:hover) .word-container .letter:nth-child(3){transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.14s}.container:not(:hover) .word-container .letter:nth-child(3){-webkit-transform:translateY(0);transform:translateY(0)}.container:hover .word-container .letter:nth-child(4){-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:nth-child(4),.container:not(:hover) .word-container .letter:nth-child(4){transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.21s}.container:not(:hover) .word-container .letter:nth-child(4){-webkit-transform:translateY(0);transform:translateY(0)}.container:hover .word-container .letter:nth-child(5){-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:nth-child(5),.container:not(:hover) .word-container .letter:nth-child(5){transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.28s}.container:not(:hover) .word-container .letter:nth-child(5){-webkit-transform:translateY(0);transform:translateY(0)}.container:hover .word-container .letter:nth-child(6){-webkit-transform:translateY(-5.3vh);transform:translateY(-5.3vh)}.container:hover .word-container .letter:nth-child(6),.container:not(:hover) .word-container .letter:nth-child(6){transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;transition-delay:.35s}.container:not(:hover) .word-container .letter:nth-child(6){-webkit-transform:translateY(0);transform:translateY(0)}:root{--card-size:480px;--font-size:0.8rem;--logo-size:calc(var(--card-size)*0.3)}.card-track{align-items:left;display:flex;height:100%;left:-38vw;position:relative;width:480px;width:var(--card-size)}.card{aspect-ratio:1;border:1px solid #90a6c0;border-radius:2rem;cursor:pointer;margin:1rem;overflow:hidden}.card,.card-image{align-items:center;display:flex;justify-content:center;position:relative}.card-image{z-index:4}.card-image>img{width:144px;width:var(--logo-size)}.card-wrapper{position:relative;width:100%}.card-gradient{background:radial-gradient(#312c3f 40%,#5602ff 0,rgba(102,0,255,.99),#03f);mix-blend-mode:darken;pointer-events:none;z-index:3}.card-gradient,.card-letters{height:100%;position:absolute;width:100%}.card-letters{--x:0px;--y:0px;word-wrap:break-word;color:#90a6c0;font-size:.8rem;font-size:var(--font-size);font-weight:500;left:0;-webkit-mask-image:radial-gradient(384px circle at var(--x) var(--y),#90a6c0 20%,hsla(0,0%,100%,.25),transparent);-webkit-mask-image:radial-gradient(calc(var(--card-size)*.8) circle at var(--x) var(--y),#90a6c0 20%,hsla(0,0%,100%,.25),transparent);opacity:0;scale:1.03;top:0;transition:opacity .4s}.card:hover .card-letters{opacity:1}.project-title{color:#fff;font-size:xxx-large;left:-10vw;position:relative;top:-47vh;z-index:2}#word span{transition:opacity .5s}.content_p_1{-webkit-animation:content_p_render 1.5s forwards;animation:content_p_render 1.5s forwards;color:#6ea7e2;margin-left:2vw;position:absolute;width:40vw}
/*# sourceMappingURL=main.5d87aaa1.css.map*/