#about-section{background-color:var(--bg-color);grid-column:1/2;grid-row:1/2;position:relative;transition:padding .5s ease .4s,-webkit-transform .5s ease;transition:transform .5s ease,padding .5s ease .4s;transition:transform .5s ease,padding .5s ease .4s,-webkit-transform .5s ease;z-index:2}@media(min-width:800px){:root{--about-info-grid:1fr/1fr min-content;--about-info-padding:6vmax 2vmax 2vmax 8vmax;--about-third-p-row:1/2;--about-third-p-col:2/3;--about-third-p-width:12ch;--about-third-p-align:right;--about-nav-padding:2vmax 6vmax 12vmax 6vmax;--about-icons-width:min-content;--about-icons-line-width:auto}}@media(max-width:800px){:root{--about-info-grid:repeat(3,min-content) /60vw;--about-info-padding:4vmax 2vmax 2vmax 2vmax;--about-third-p-row:3/4;--about-third-p-col:1/2;--about-third-p-width:100%;--about-third-p-align:left;--about-nav-padding:2vmax 0vmax 24vmax 0vmax;--about-icons-width:30%;--about-icons-line-width:60vw}}#about-content-wrap{display:grid;grid:1fr min-content/1fr -webkit-min-content;grid:1fr min-content/1fr min-content;height:100%;max-width:100%;overflow:auto;place-content:start;transition:border .5s ease .4s;z-index:3}#about-content-wrap>nav{align-items:center;display:flex;flex-direction:column;gap:2rem;grid-column:2/3;grid-row:1/3;justify-content:center;padding:var(--about-nav-padding)}#about-content-wrap>nav div.style-line{flex-grow:1}#about-content-wrap #about-info{grid-gap:1rem;display:grid;gap:1rem;grid:var(--about-info-grid);grid-column:1/2;grid-row:1/2;padding:var(--about-info-padding)}#about-content-wrap #about-info p{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent;font-size:min(5vw,1.3rem)}#about-content-wrap #about-info>div{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;grid-column:1/2;grid-row:1/2;justify-content:center;padding:2vmax 2vmax 2vmax 0;place-self:start}#about-content-wrap #about-info>div>p:first-child{padding-bottom:1rem;width:min(50ch,100%)}#about-content-wrap #about-info>div>p:nth-child(2){height:-webkit-min-content;height:min-content;width:min(40ch,100%)}#about-content-wrap #about-info>p:nth-child(2){font-size:min(5vw,1rem);grid-column:var(--about-third-p-col);grid-row:var(--about-third-p-row);margin-right:2rem;margin-top:1vmax;text-align:var(--about-third-p-align);width:var(--about-third-p-width)}#about-content-wrap #about-icons{align-items:center;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:5%;justify-content:space-evenly;padding:2vmax;width:100%}#about-content-wrap #about-icons>svg{margin:.5rem 0;max-width:var(--about-icons-width)}#about-content-wrap #about-icons .style-line{flex-grow:3;height:2px;margin:1rem 0;width:var(--about-icons-line-width)}#about-section.current #about-content-wrap>*{-webkit-animation:appear .5s ease .5s forwards;animation:appear .5s ease .5s forwards;-webkit-filter:opacity(0);filter:opacity(0)}.speckles{bottom:0;left:0;position:absolute;right:0;z-index:0}.speckles>span{background-color:hsla(0,0%,100%,.25);-webkit-filter:blur(1px);filter:blur(1px);height:3px;left:50%;position:absolute;width:3px}#about-section.current .speckles>span:first-child{-webkit-animation:speckles-float 8s linear -2s infinite,speckles-flicker 2s .57s infinite alternate;animation:speckles-float 8s linear -2s infinite,speckles-flicker 2s .57s infinite alternate;margin-left:-10vw}#about-section.current .speckles>span:nth-child(2){-webkit-animation:speckles-float 10s linear 5s infinite,speckles-flicker 2s .3s infinite alternate;animation:speckles-float 10s linear 5s infinite,speckles-flicker 2s .3s infinite alternate;margin-left:-27vw}#about-section.current .speckles>span:nth-child(3){-webkit-animation:speckles-float 4s linear 2s infinite,speckles-flicker 2s 1.5s infinite alternate;animation:speckles-float 4s linear 2s infinite,speckles-flicker 2s 1.5s infinite alternate;margin-left:-5vw}#about-section.current .speckles>span:nth-child(4){-webkit-animation:speckles-float 15s linear 9s infinite,speckles-flicker 2s 1s infinite alternate;animation:speckles-float 15s linear 9s infinite,speckles-flicker 2s 1s infinite alternate;margin-left:9vw}#about-section.current .speckles>span:nth-child(5){-webkit-animation:speckles-float 6s linear 1s infinite,speckles-flicker 2s .9s infinite alternate;animation:speckles-float 6s linear 1s infinite,speckles-flicker 2s .9s infinite alternate;margin-left:15vw}#about-section.current .speckles>span:nth-child(6){-webkit-animation:speckles-float 7s linear 3.5s infinite,speckles-flicker 2s .35s infinite alternate;animation:speckles-float 7s linear 3.5s infinite,speckles-flicker 2s .35s infinite alternate;margin-left:38vw}#about-section.current .speckles>span:nth-child(7){-webkit-animation:speckles-float 12s linear -6s infinite,speckles-flicker 2s -.6s infinite alternate;animation:speckles-float 12s linear -6s infinite,speckles-flicker 2s -.6s infinite alternate;margin-left:43vw}#about-section.current .speckles>span:nth-child(8){-webkit-animation:speckles-float 5s linear 2s infinite,speckles-flicker 2s .2s infinite alternate;animation:speckles-float 5s linear 2s infinite,speckles-flicker 2s .2s infinite alternate;margin-left:-43vw}#about-section.current .speckles>span:nth-child(9){-webkit-animation:speckles-float 13s linear 6.8s infinite,speckles-flicker 2s .68s infinite alternate;animation:speckles-float 13s linear 6.8s infinite,speckles-flicker 2s .68s infinite alternate;margin-left:25vw}@-webkit-keyframes speckles-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@keyframes speckles-float{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100vh);transform:translateY(-100vh)}}@-webkit-keyframes speckles-flicker{0%{-webkit-filter:blur(1px);filter:blur(1px);height:3px;width:3px}to{-webkit-filter:blur(3px);filter:blur(3px);height:3px;width:3px}}@keyframes speckles-flicker{0%{-webkit-filter:blur(1px);filter:blur(1px);height:3px;width:3px}to{-webkit-filter:blur(3px);filter:blur(3px);height:3px;width:3px}}@media(min-width:800px){:root{--projects-content-grid:1fr/min-content min-content 1fr;--projects-nav-col:1/2;--projects-nav-row:1/2;--projects-selector-col:2/3;--projects-showcase-col:3/4;--project-selector-dir:column;--projects-selector-width:200px;--projects-selector-height:150px;--projects-select-wrapper-grid:repeat(auto-fit,50px) /1fr;--current-project-width:230px;--current-project-height:54px;--projects-showcase-grid:repeat(4,min-content) 1fr /1fr min-content;--showcase-demo-col:1/3;--showcase-images-row:3/6;--showcase-images-col:2/3;--showcase-images-overflow:scroll;--showcase-images-height:50vh}}@media(max-width:800px){:root{--projects-content-grid:min-content 1fr/min-content 1fr;--projects-nav-col:1/2;--projects-nav-row:2/3;--projects-selector-col:1/3;--projects-showcase-col:2/3;--project-selector-dir:row;--projects-selector-width:240px;--projects-selector-height:50px;--projects-select-wrapper-grid:1fr/repeat(auto-fit,200px);--current-project-width:210px;--current-project-height:52px;--projects-showcase-grid:repeat(5,min-content) /1fr;--showcase-demo-col:1/2;--showcase-images-row:5/6;--showcase-images-col:1/2;--showcase-images-overflow:hidden;--showcase-images-height:min-content}}#projects-section{background-color:var(--bg-color);grid-column:3/4;grid-row:1/2;position:relative;transition:padding .5s ease .4s,-webkit-transform .5s ease;transition:transform .5s ease,padding .5s ease .4s;transition:transform .5s ease,padding .5s ease .4s,-webkit-transform .5s ease;z-index:2}#projects-section.current #projects-content-wrap>*{-webkit-animation:appear .5s ease .5s forwards;animation:appear .5s ease .5s forwards;-webkit-filter:opacity(0);filter:opacity(0)}#projects-section #projects-content-wrap{display:grid;grid:var(--projects-content-grid);height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-color:hsla(0,0%,100%,.15);scrollbar-width:2px;transition:border .5s ease .4s;z-index:2}#projects-section #projects-content-wrap::-webkit-scrollbar{background-color:transparent;display:block;height:100%;width:2px}#projects-section #projects-content-wrap::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.15);border-radius:5px}#projects-section #projects-content-wrap>nav{align-items:center;display:flex;flex-direction:column-reverse;grid-column:var(--projects-nav-col);grid-row:var(--projects-nav-row);padding:2vmax 0}#projects-section #projects-content-wrap>nav .style-line{flex-grow:1;margin:2vmax 0;width:2px}#projects-section #projects-content-wrap>nav>button>span{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}#projects-section #projects-content-wrap #projects-selector{align-items:center;display:flex;flex-direction:var(--project-selector-dir);grid-column:var(--projects-selector-col);grid-row:1/2;height:-webkit-min-content;height:min-content;padding:4vmax 2vmax;place-self:center;position:relative}#projects-section #projects-content-wrap #projects-selector>button{bottom:-2px;height:-webkit-min-content;height:min-content;padding:0;position:relative}#projects-section #projects-content-wrap #projects-selector>button svg{height:25px;width:30px}#projects-section #projects-content-wrap #projects-selector #selector-wrapper{height:var(--projects-selector-height);outline:1px solid #fffcb7;overflow:hidden;width:var(--projects-selector-width)}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div{display:grid;grid:var(--projects-select-wrapper-grid);transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out;width:auto}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div>div{align-items:center;display:flex;gap:2vmax;height:50px;padding:1vmax;-webkit-user-select:none;user-select:none;width:200px}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div>div h3{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent;font-weight:400;white-space:nowrap}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div>div img{height:30px;width:30px}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div .selector-end .style-line:first-child{border-radius:50%;height:6px;margin:12px;width:6px}#projects-section #projects-content-wrap #projects-selector #selector-wrapper>div .selector-end .style-line:nth-child(2){flex-grow:1;height:2px;margin-right:2vmax;width:auto}#projects-section #projects-content-wrap #projects-selector div.projects-current-wrap{border:1px solid #fffcb7;bottom:50%;box-shadow:inset 0 0 10px -5px #fffcb7;height:var(--current-project-height);left:50%;position:absolute;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:var(--current-project-width)}#projects-section #projects-content-wrap #projects-showcase{grid-gap:2vmax;display:grid;gap:2vmax;grid:var(--projects-showcase-grid);grid-column:var(--projects-showcase-col);padding:4vmax;place-self:center}#projects-section #projects-content-wrap #projects-showcase a,#projects-section #projects-content-wrap #projects-showcase h3,#projects-section #projects-content-wrap #projects-showcase p{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent}#projects-section #projects-content-wrap #projects-showcase>h3{font-family:Exo,sans-serif;font-size:2.5rem;font-weight:600;grid-column:1/2;grid-row:1/2}#projects-section #projects-content-wrap #projects-showcase .projects-to-demo{align-items:center;display:flex;flex-direction:row;grid-column:var(--showcase-demo-col);grid-row:2/3;width:100%}#projects-section #projects-content-wrap #projects-showcase .projects-to-demo .style-line{flex-grow:1;height:2px;margin-right:4vmax}#projects-section #projects-content-wrap #projects-showcase .projects-to-demo>a{font-size:1.2rem;letter-spacing:5px}#projects-section #projects-content-wrap #projects-showcase .projects-to-demo a:focus,#projects-section #projects-content-wrap #projects-showcase .projects-to-demo>a:hover{border:none;-webkit-filter:blur(1px);filter:blur(1px);outline:none}#projects-section #projects-content-wrap #projects-showcase .projects-tech-stack{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1vmax;grid-column:1/2;grid-row:3/4;justify-content:flex-start}#projects-section #projects-content-wrap #projects-showcase .projects-tech-stack>div{position:relative}#projects-section #projects-content-wrap #projects-showcase .projects-tech-stack div:hover:before{background:#000;color:hsla(0,0%,100%,.5);content:attr(data-name);font-family:Abel,sans-serif;font-size:1rem;left:0;outline:1px solid hsla(0,0%,100%,.2);padding:2px 5px;position:absolute;top:-15px;z-index:3}#projects-section #projects-content-wrap #projects-showcase .projects-to-repo{font-size:1.2rem;height:-webkit-min-content;height:min-content;letter-spacing:5px;margin-left:1vmax;-webkit-transform:translateY(-3px);transform:translateY(-3px);width:-webkit-min-content;width:min-content}#projects-section #projects-content-wrap #projects-showcase .projects-to-repo:focus,#projects-section #projects-content-wrap #projects-showcase .projects-to-repo:hover{border:none;-webkit-filter:blur(1px);filter:blur(1px);outline:none}#projects-section #projects-content-wrap #projects-showcase>p{font-size:1.2rem;grid-column:1/2;grid-row:4/5;height:-webkit-min-content;height:min-content;padding:1vmax 2vmax 1vmax 1vmax}#projects-section #projects-content-wrap #projects-showcase #showcase-images{display:flex;flex-direction:column;gap:2vmax;grid-column:var(--showcase-images-col);grid-row:var(--showcase-images-row);height:var(--showcase-images-height);margin-top:2vmax;min-width:150px;overflow-x:hidden;overflow-y:var(--showcase-images-overflow);padding:1vmax 2rem 1vmax 1vmax;place-self:start center;scrollbar-color:hsla(0,0%,100%,.15);scrollbar-width:2px}#projects-section #projects-content-wrap #projects-showcase #showcase-images::-webkit-scrollbar{background-color:transparent;display:block;height:100%;width:2px}#projects-section #projects-content-wrap #projects-showcase #showcase-images::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.15);border-radius:5px}#projects-section #projects-content-wrap #projects-showcase #showcase-images>div{align-items:center;-webkit-animation:var(--bg-animation);animation:var(--bg-animation);background-image:var(--bg-gradient);background-size:3000px;display:flex;height:-webkit-min-content;height:min-content;justify-content:center;padding:2px;-webkit-user-select:none;user-select:none;width:150px}#projects-section #projects-content-wrap #projects-showcase #showcase-images>div img{max-width:100%;object-fit:cover}#projects-section.current .projects-bg{display:block}#projects-section .projects-bg{-webkit-animation:move-grid-bg 5s linear infinite;animation:move-grid-bg 5s linear infinite;bottom:0;display:none;left:-100px;position:absolute;right:0;top:-100px;z-index:0}#projects-section .projects-bg>svg{height:calc(100vh + 200px);width:calc(100vw + 200px);z-index:0}@-webkit-keyframes move-grid-bg{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100px,100px);transform:translate(100px,100px)}}@keyframes move-grid-bg{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(100px,100px);transform:translate(100px,100px)}}@media(min-width:900px){:root{--contact-nav-width:90%;--contact-nav-grid-col:1/3;--contact-grid:min-content 1fr/1fr min-content;--form-padding:4vmax 2vmax 2vmax 12vmax;--contact-info-padding:4vmax 12vmax 4vmax 2vmax;--contact-info-grid-row:2/3;--contact-form-grid-row:2/3;--contact-form-place:start}}@media(max-width:900px){:root{--contact-nav-width:90%;--contact-nav-grid-col:1/2;--contact-grid:min-content 1fr 1fr/1fr;--form-padding:4vmax 2vmax;--contact-info-padding:4vmax 2vmax;--contact-info-grid-row:2/3;--contact-form-grid-row:3/4;--contact-form-place:center}}#contact-section{background-color:var(--bg-color);grid-column:2/3;grid-row:2/3;overflow:hidden;position:relative;transition:padding .5s ease .4s,-webkit-transform .5s ease;transition:transform .5s ease,padding .5s ease .4s;transition:transform .5s ease,padding .5s ease .4s,-webkit-transform .5s ease;z-index:2}#contact-section.current #contact-content-wrap>*{-webkit-animation:appear .5s ease .5s forwards;animation:appear .5s ease .5s forwards;-webkit-filter:opacity(0);filter:opacity(0)}#contact-section #contact-content-wrap{display:grid;grid:var(--contact-grid);height:100%;overflow:auto;position:relative;transition:border .5s ease .4s;z-index:2}#contact-section #contact-content-wrap>nav{align-items:center;display:flex;gap:2vmax;grid-column:var(--contact-nav-grid-col);grid-row:1/2;justify-content:flex-end;padding:1vmax 10%}#contact-section #contact-content-wrap>nav .style-line{flex-grow:1;height:2px;max-width:var(--contact-nav-width)}#contact-section #contact-content-wrap #contact-info{align-items:center;display:flex;flex-direction:column;gap:2vmax;grid-row:var(--contact-info-grid-row);padding:var(--contact-info-padding)}#contact-section #contact-content-wrap #contact-info p{font-size:1.2rem;padding:1vmax;text-align:center;white-space:normal;width:min(30ch,70vw)}#contact-section #contact-content-wrap #contact-info p a{color:transparent;text-decoration:none}#contact-section #contact-content-wrap #contact-info p a:focus,#contact-section #contact-content-wrap #contact-info p a:hover{text-decoration:underline}#contact-section #contact-content-wrap #contact-info>a{padding:1vmax;text-decoration:none;-webkit-transform:rotate(0deg);transform:rotate(0deg)}#contact-section #contact-content-wrap #contact-info>*{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent}#contact-section #contact-form{grid-gap:2vmax;display:grid;gap:2vmax;grid:repeat(3,-webkit-min-content)/min-content 1fr;grid:repeat(3,min-content)/min-content 1fr;grid-row:var(--contact-form-grid-row);padding:var(--form-padding);place-self:var(--contact-form-place)}#contact-section #contact-form h4{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent;font-size:1.3rem;font-weight:400}#contact-section #contact-form .style-line{grid-column:1/2;grid-row:1/4;height:100%}#contact-section #contact-form ul{display:flex;flex-direction:column;gap:min(4vmax,2rem)}#contact-section #contact-form ul>li{display:flex;flex-direction:column;gap:.5vmax;width:-webkit-min-content;width:min-content}#contact-section #contact-form ul>li input,#contact-section #contact-form ul>li textarea,#contact-section #contact-form ul>li>label{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent}#contact-section #contact-form ul>li input,#contact-section #contact-form ul>li textarea{background-clip:initial;border:none;box-shadow:inset 0 0 2px 2px var(--bg-color);color:var(--bg-color);font-family:Abel,sans-serif;font-size:1rem;padding:.25vmax .5vmax;width:min(30ch,60vw)}#contact-section #contact-form ul>li input:focus,#contact-section #contact-form ul>li textarea:focus{outline:none}#contact-section #contact-form ul>li label{font-size:1.1rem;letter-spacing:1px}#contact-section #contact-form ul>li textarea{font-size:1.1rem;height:10ch}#contact-section #contact-form:before{border:1px solid #ffccbe;bottom:5%;color:#ffccbe;font-size:1rem;padding:.5vmax 1vmax;position:absolute;right:20%}#contact-section #contact-form.not-sent:before{content:none}#contact-section #contact-form.sending:before{content:"Sending..."}#contact-section #contact-form.sent:before{content:"Message sent!"}#contact-section #contact-form.failed:before,#contact-section #contact-form.sent:before{-webkit-animation:popup .5s linear 1.5s forwards;animation:popup .5s linear 1.5s forwards}#contact-section #contact-form.failed:before{content:"Failed to send message."}@-webkit-keyframes popup{0%{-webkit-filter:opacity(1);filter:opacity(1)}to{-webkit-filter:opacity(0);filter:opacity(0)}}@keyframes popup{0%{-webkit-filter:opacity(1);filter:opacity(1)}to{-webkit-filter:opacity(0);filter:opacity(0)}}@-webkit-keyframes noise{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-5%);transform:translate(-5%,-5%)}20%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}30%{-webkit-transform:translate(5%,-10%);transform:translate(5%,-10%)}40%{-webkit-transform:translate(-5%,15%);transform:translate(-5%,15%)}50%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translate(-15%);transform:translate(-15%)}90%{-webkit-transform:translate(10%,5%);transform:translate(10%,5%)}to{-webkit-transform:translate(5%);transform:translate(5%)}}@keyframes noise{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-5%);transform:translate(-5%,-5%)}20%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}30%{-webkit-transform:translate(5%,-10%);transform:translate(5%,-10%)}40%{-webkit-transform:translate(-5%,15%);transform:translate(-5%,15%)}50%{-webkit-transform:translate(-10%,5%);transform:translate(-10%,5%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translate(-15%);transform:translate(-15%)}90%{-webkit-transform:translate(10%,5%);transform:translate(10%,5%)}to{-webkit-transform:translate(5%);transform:translate(5%)}}.contact-bg{background:transparent url(http://assets.iceable.com/img/noise-transparent.png) repeat 0 0;background-repeat:repeat;bottom:-50%;-webkit-filter:opacity(0);filter:opacity(0);height:200vh;left:-50%;position:fixed;right:-50%;top:-50%;transition:opacity .5s .5s;visibility:hidden;width:200%;z-index:0}#contact-section.current .contact-bg{-webkit-animation:noise .4s infinite;animation:noise .4s infinite;-webkit-filter:opacity(.7);filter:opacity(.7);visibility:visible}@media(min-width:1450px){:root{--main-grid:min-content 1fr/1fr min-content;--nav-row:1/3;--nav-col:2/3;--nav-top:0;--nav-grid:repeat(4,min-content) /1fr;--nav-line-row:1/2;--nav-line-margin:4vmax 1vmax;--nav-grid-place:center;--info-margin:0 10vmax 10vmax 0;--title-width:min-content;--title-padding:2vmax 4vmax}}@media(min-width:600px)and (max-width:1450px){:root{--main-grid:min-content 1fr/3fr 1fr;--nav-row:1/3;--nav-col:2/3;--nav-top:0;--nav-grid:repeat(4,min-content) /1fr;--nav-line-row:1/2;--nav-line-margin:4vmax 1vmax;--nav-grid-place:center;--info-margin:0 0 10vmax 0;--title-width:min-content;--title-padding:2vmax 4vmax}}@media(max-width:600px){:root{--main-grid:repeat(3,min-content) /1fr;--nav-row:3/4;--nav-col:1/2;--nav-top:min(-12vh,-80px);--nav-grid:1fr repeat(3,min-content) /repeat(2,min-content);--nav-line-row:1/5;--nav-line-margin:4vmax 4vmax 1vmax 1vmax;--nav-grid-place:start;--info-margin:0;--title-width:100%;--title-padding:2vmax 0}}#main-section{background-color:var(--bg-color);grid-column:2/3;grid-row:1/2;overflow:hidden;padding:2rem;position:relative}#main-section #main-content-wrap{-webkit-animation:appear 2s ease;animation:appear 2s ease;border:1px solid hsla(0,0%,100%,.25);display:grid;grid:var(--main-grid);height:100%;width:100%}#main-section .main-title{grid-column:1/2;grid-row:1/2;padding:var(--title-padding);text-align:center;white-space:nowrap;width:var(--title-width);z-index:1}#main-section .main-title>h1{font-family:Exo,sans-serif;font-size:clamp(3rem,9vw,5rem);font-weight:500}#main-section .main-title>h1,#main-section .main-title>p{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent}#main-section .main-title>p{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:400;padding-right:clamp(2rem,5vw,4rem);text-align:right}#main-section nav{display:grid;grid:var(--nav-grid);grid-column:var(--nav-col);grid-row:var(--nav-row);margin-top:var(--nav-top);overflow:visible;padding:1rem 4.5vmax;place-content:center;place-items:var(--nav-grid-place);place-self:start;position:relative;width:-webkit-min-content;width:min-content;z-index:1}#main-section nav .nav.style-line{grid-row:var(--nav-line-row);height:min(30vh,200px);margin:var(--nav-line-margin)}#main-section nav>button:first-of-type{grid-row:2/3}#main-section nav>button:nth-of-type(2){grid-row:3/4}#main-section nav>button:nth-of-type(3){grid-row:4/5}#main-section .main-info{grid-gap:1.5rem;-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent;display:grid;gap:1.5rem;grid:1fr/repeat(2,-webkit-min-content);grid:1fr/repeat(2,min-content);grid-column:1/2;grid-row:2/3;margin:var(--info-margin);padding:4vmax;place-self:center start;position:relative;z-index:1}#main-section .main-info>div{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}#main-section .main-info>div>.style-line{height:10vh;margin:1rem 0}#main-section .main-info>div a{-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);background-size:3000px;color:transparent;cursor:pointer;font-size:1rem;letter-spacing:2px;text-decoration:none}#main-section .main-info>div a:focus,#main-section .main-info>div a:hover{-webkit-background-clip:text;background-clip:text;background-image:var(--bg-gradient);border:none;-webkit-filter:blur(1px);filter:blur(1px);outline:none}#main-section .main-info p{font-family:inherit;font-size:1.2rem;white-space:normal;width:17ch}.lines{left:0;right:0;width:100vw;z-index:0}.line,.lines{height:100%;position:absolute;top:0}.line{background:hsla(0,0%,100%,.02);left:50%;overflow:hidden;width:1px}.line:after{-webkit-animation:drop 7s 0s infinite;animation:drop 7s 0s infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:cubic-bezier(.4,.26,0,.97);animation-timing-function:cubic-bezier(.4,.26,0,.97);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff 75%,#fff);content:"";display:block;-webkit-filter:opacity(.4);filter:opacity(.4);height:15vh;left:0;position:absolute;top:-50%;width:100%}.line:first-child{margin-left:-20vmax}.line:first-child:after{-webkit-animation-delay:2s;animation-delay:2s}.line:nth-child(3){margin-left:20vmax}.line:nth-child(3):after{-webkit-animation-delay:5.5s;animation-delay:5.5s}.line:nth-child(4){margin-left:-40vmax}.line:nth-child(4):after{-webkit-animation-delay:4s;animation-delay:4s}.line:nth-child(5){margin-left:40vmax}.line:nth-child(5):after{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes drop{0%{top:-50%}to{top:110%}}@keyframes drop{0%{top:-50%}to{top:110%}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color:#161616;--bg-gradient:linear-gradient(60deg,#fffcb7 26%,#d5f0e4 60%,#ffccbe 96%);--bg-animation:gradient-move 40s infinite alternate linear;font-family:Abel,sans-serif;font-size:16px}#root{background-color:#161616;background-color:var(--bg-color);height:100dvh;overflow:hidden;width:100dvw}#page-grid{display:grid;grid:repeat(2,100dvh)/repeat(3,100dvw);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}#page-grid,#page-grid.projects #projects-section{-webkit-transform:translateX(-100%);transform:translateX(-100%)}#page-grid.projects #projects-section{padding:2rem}#page-grid.projects #projects-section #projects-content-wrap{border:1px solid hsla(0,0%,100%,.25)}#page-grid.about #about-section{padding:2rem;-webkit-transform:translateX(100%);transform:translateX(100%)}#page-grid.about #about-section #about-content-wrap{border:1px solid hsla(0,0%,100%,.25)}#page-grid.contact #contact-section{padding:2rem;-webkit-transform:translateY(-100%);transform:translateY(-100%)}#page-grid.contact #contact-section #contact-content-wrap{border:1px solid hsla(0,0%,100%,.25)}.style-line{-webkit-animation:gradient-move 40s linear infinite alternate;animation:gradient-move 40s linear infinite alternate;-webkit-animation:var(--bg-animation);animation:var(--bg-animation);background-image:linear-gradient(60deg,#fffcb7 26%,#d5f0e4 60%,#ffccbe 96%);background-image:var(--bg-gradient);background-size:3000px;width:2px}button{background-color:transparent;border:none;cursor:pointer;font-family:inherit;font-size:1.2rem;font-weight:400;padding:.5rem;position:relative;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}button>span{-webkit-animation:gradient-move 40s linear infinite alternate;animation:gradient-move 40s linear infinite alternate;-webkit-animation:var(--bg-animation);animation:var(--bg-animation);-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(60deg,#fffcb7 26%,#d5f0e4 60%,#ffccbe 96%);background-image:var(--bg-gradient);background-size:3000px;color:transparent;display:block;letter-spacing:5px;transition:.2s}button:is(:hover,:focus){border:none;-webkit-filter:blur(1px);filter:blur(1px);outline:none}.vertical{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-writing-mode:vertical-lr;writing-mode:vertical-lr}@-webkit-keyframes appear{0%{-webkit-filter:opacity(0) blur(20px);filter:opacity(0) blur(20px)}to{-webkit-filter:opacity(1) blur(0);filter:opacity(1) blur(0)}}@keyframes appear{0%{-webkit-filter:opacity(0) blur(20px);filter:opacity(0) blur(20px)}to{-webkit-filter:opacity(1) blur(0);filter:opacity(1) blur(0)}}@-webkit-keyframes gradient-move{0%{background-position:0}to{background-position:100%}}@keyframes gradient-move{0%{background-position:0}to{background-position:100%}}
/*# sourceMappingURL=main.a750d7ef.css.map*/