:root{--color-LB:#d9eeff;--color-B:#008deb;--color-GB:#0cf6d6;--color-DD:#30323b;--color-Dl:#8e8e8e;--color-BG:#222327}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-color:#aaa;scrollbar-width:thin}body{background:#222327;background:var(--color-BG);font-family:Poppins,sans-serif;overflow-y:scroll}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#aaa;border:4px solid transparent;border-radius:1rem}::-webkit-scrollbar-corner{background-color:initial}.drawings-class{display:flex;flex-wrap:wrap;min-height:80vh;overflow:hidden;padding:3rem;width:100%}.drawings-card{height:70vh;padding:2rem;position:relative;width:50%}.card-container,.drawings-card{align-items:center;display:flex;justify-content:center}.card-container{background:#fff;border-radius:1rem;cursor:pointer;height:100%;overflow:hidden;width:90%}.drawing-image{height:100%;width:80%}.drawing-image img{height:100%;object-fit:cover;width:100%}@media(max-width:1200px){.drawings-class{flex-direction:column}.drawings-card{width:100%}}@media(max-width:650px){.drawings-class{padding:1rem 0}}@media(max-width:550px){.drawings-card{padding:2rem 1rem}}.drawing-modal{background:#fff;border-radius:1rem;display:flex;justify-content:center;min-height:80vh;position:relative;width:70vw}.drawing-modal-image-container{border-radius:1rem 0 0 1rem;height:100%;padding:1rem;width:100%}.drawing-modal-image-container img{height:auto;width:100%}.drawing-text{color:var(--color-DD);overflow:hidden;padding:2rem;position:relative;width:70%;z-index:1}.drawing-text h1{font-size:2.9rem;font-weight:500;padding:1rem 0 3rem}.drawing-text p{font-size:2rem;padding:2rem 0 0 2rem}.drawing-text a{color:#e60023}.drawing-num{bottom:0;color:var(--color-DD);font-size:15rem;line-height:1;opacity:.2;position:absolute;right:0;-webkit-user-select:none;user-select:none}.references{bottom:5%;font-size:1.5rem;position:absolute}.references svg{font-size:2.5rem}@media(max-width:1750px){.drawing-text h1{font-size:2.75rem}}@media(max-width:1650px){.drawing-modal{height:80vh;width:80%}.drawing-modal-image-container{align-items:center;display:flex;justify-content:center;padding:0;width:65%}.drawing-modal-image-container img{height:80%;object-fit:cover;width:100%}.drawing-text h1{font-size:2.5rem}}@media(max-width:1050px){.drawing-modal{flex-direction:column;height:95vh;justify-content:flex-start;padding:1rem;width:100%}.drawing-modal-image-container{height:65%;padding:0;width:100%}.drawing-modal-image-container img{height:100%;width:80%}.drawing-text{height:35%;padding:.5rem;width:100%}.drawing-text h1{font-size:2rem;padding:0 0 .5rem;text-align:center}.drawing-text p{font-size:1.5rem;padding:0}.drawing-text .references{bottom:0}.drawing-text .drawing-num{font-size:10rem}}@media(max-width:768px){.drawing-modal-image-container{height:60%}.drawing-text{height:40%}}@media(max-width:550px)and (max-height:720px){.drawing-modal-image-container{display:flex;height:60%;justify-content:center}}@media(max-width:500px){.drawing-text{height:50%}.drawing-text h1{font-size:1.5rem}.drawing-text .references{font-size:1.25rem}.drawing-text .drawing-num{font-size:7.5rem}.drawing-text p{font-size:1.25rem}}.overlay{align-items:center;display:flex;justify-content:center;left:0;min-height:100vh;padding:2rem;position:fixed;top:0;width:100%;z-index:4}@media (max-width:1600px){.overlay{padding:1rem}}nav{align-items:center;background:#222327;display:flex;height:7vh;justify-content:space-between;padding:1rem 4rem;position:-webkit-sticky;position:sticky;top:0;z-index:3}nav a{color:var(--color-LB);position:relative;text-decoration:none}nav h1{font-family:Walter Turncoat,sans-serif;font-size:3rem}nav ul{display:flex;list-style:none}nav li{font-size:1.2rem;font-weight:500;padding:0 1.25rem}.nav-line{background:var(--color-GB);border-radius:1rem;height:.2rem;width:0}.toggle-background{background:#303033;display:none;height:90vh;padding:0;pointer-events:none;position:absolute;right:0;top:10vh;width:100vw;z-index:0}.toggle-button{cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;position:absolute;right:1rem;top:1.5rem;width:3rem;z-index:5}.toggle-button .bar1,.toggle-button .bar2{background:var(--color-LB);border-radius:10px;height:4px;-webkit-user-select:none;user-select:none;width:100%}@media(max-width:768px){nav{flex-direction:column;height:15vh;justify-content:space-evenly}nav h1{font-size:2.5rem}nav li{font-size:1.5rem;text-align:center}.nav-line{height:.25rem}}@media(max-width:768px)and (max-height:513px){nav{height:25vh}}@media(max-width:414px){nav h1{line-height:1}}@media(max-height:667px){.toggle-button{top:1.1rem}}@media(min-height:668px){.toggle-button{top:1rem}}@media(min-height:800px){.toggle-button{top:1.5rem}}@media(max-width:650px){.nav-links,.toggle-button{display:flex}.nav-links{align-items:center;justify-content:center;width:100%}nav{flex-direction:row;height:10vh;justify-content:space-between;padding:1rem}nav h1,nav ul{z-index:2}nav ul{align-items:center;flex-direction:column;height:80vh;justify-content:flex-start;padding:0}nav li{font-size:3rem;padding:.5rem;text-align:center}.toggle-background{display:flex;overflow:hidden}.toggle-background.active{pointer-events:all}.nav-line{height:.25rem}}.about{align-items:center;display:flex;justify-content:center;overflow:hidden;width:100%}.about a{color:var(--color-GB)}.about-container{display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;width:95%}.about-container h1{color:var(--color-GB);font-size:4rem;font-size:5rem;font-weight:500}.about-container p{color:var(--color-LB);font-size:1.5rem}.about-container p span{color:var(--color-GB);font-size:1.6rem;font-weight:700}.about-me-container,.about-site-container{align-items:center;display:flex;height:85vh;justify-content:space-between;padding:2rem;width:100%}.about-me,.about-site{width:60%}.about-me p,.about-site p{padding:1rem}.about-skills-container{-webkit-box-reflect:below -50% linear-gradient(transparent,transparent,rgba(0,0,0,.333));align-items:center;display:flex;height:100%;justify-content:center;padding:1rem;width:40%}.about-skills{background:var(--color-LB);font-family:Inconsolata;overflow:hidden}.about-skills h2{color:var(--color-DD);font-size:3rem;padding:.5rem;text-align:center}.about-skills ul{display:grid;grid-template-columns:50% 50%;padding:0 5rem}.about-skills li{display:inline-block;font-size:1.5rem;list-style:none;text-align:center}.about-video{display:flex;justify-content:center;width:40%}.about-video a{text-decoration:none}.about-video .about-thumb{border-radius:5px;box-shadow:0 0 8px 6px #0f0f0f;width:100%}.about-video svg{color:var(--color-GB);font-size:1rem;padding:.5rem .25rem}.about-video p{color:#fff;font-size:1.2rem;padding:1rem 0;text-align:center}.about-video .img{border-radius:1rem;display:flex;flex-direction:column;text-decoration:none;width:80%}@media(max-width:1800px){.about-skills ul{padding:0 4rem}.about-skills h2{font-size:2.25rem}.about-video p{font-size:1.15rem}}@media(max-width:1650px){.about-skills ul{padding:0 3rem}.about-video p{font-size:1.15rem}}@media(max-width:1600px){.about-container h1{font-size:3.5rem}.about-container p{font-size:1.25rem}.about-container p span{font-size:1.35rem}.about-skills ul{padding:0 1rem}.about-site{width:55%}.about-video{width:45%}.about-video p{font-size:1.1rem}}@media(max-width:1400px){.about-container{width:100%}.about-skills ul{padding:0 .5rem}.about-skills li{font-size:1.35rem}.about-video{width:50%}.about-video p{font-size:1.03rem}}@media(max-width:1200px){.about-container{padding:1rem 1rem 3rem}.about-skills ul{padding:0}.about-skills li{font-size:1.25rem}.about-site-container{flex-direction:column;height:100vh;justify-content:space-evenly;padding:0 1rem}.about-site{width:100%}.about-site h1{text-align:center}.about-video{width:550px}}@media(max-width:1050px){.about-skills h2{font-size:1.75rem}.about-skills li{font-size:1.1rem;line-height:1.35}}@media(max-width:950px){.about-container h1{font-size:3rem}.about-container p{font-size:1rem}.about-container p span{font-size:1.15rem}.about-skills ul{grid-template-columns:60% 40%}.about-skills li{font-size:1rem;line-height:1.55}}@media(max-width:820px){.about-skills-container{-webkit-box-reflect:below 0 linear-gradient(transparent,transparent,rgba(0,0,0,.3));height:auto}.about-skills h2{font-size:1.5rem}}@media(max-width:768px){.about-me-container{flex-direction:column;height:100vh;justify-content:normal;padding:0 1rem}.about-me{width:100%}.about-me h1{text-align:center}.about-container{padding:1rem 1rem 5rem}.about-skills-container{-webkit-box-reflect:below 0 linear-gradient(transparent,transparent,rgba(0,0,0,.3));align-items:flex-start;height:35%;padding:3rem 1rem;width:70%!important}.about-skills{height:auto!important}.about-skills ul{grid-template-columns:50% 50%}.about-skills h2{font-size:2rem}.about-skills li{font-size:1.25rem;line-height:1.2}}@media(max-width:650px){.about-skills-container{width:80%!important}.about-video{width:500px}}@media(max-width:550px){.about-skills-container{width:100%!important}.about-video{width:450px}}@media(max-width:450px){.about-container{padding:1rem .5rem 7rem}.about-site h1{font-size:2.5rem}.about-video{width:400px}.about-skills{padding:.5rem 0}.about-skills li{font-size:1rem;line-height:1}.about-skills-container{-webkit-box-reflect:below -25% linear-gradient(transparent,transparent,rgba(0,0,0,.3))}}@media(max-width:376px){.about-me-container{justify-content:normal}}@media(max-height:776px)and (max-width:776px){.about-skills-container{-webkit-box-reflect:below -25% linear-gradient(transparent,transparent,rgba(0,0,0,.3));height:auto}}.project-list-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:2rem}.project-container{overflow:hidden;z-index:1}.filter-button-container{background:#fff;position:relative;-webkit-transform:translateX(3.5%);transform:translateX(3.5%);transition:all .75s linear;width:60%;z-index:2}.filter-button-container,.filter-button-container .filter-buttons{align-items:center;border-radius:1rem;display:flex;justify-content:center}.filter-button-container .filter-buttons{color:var(--color-DD);cursor:pointer;flex-direction:column;font-size:1.1rem;font-weight:500;margin:1rem;padding:.5rem 1rem;text-align:center;z-index:1}.filter-button-container .selected{background:var(--color-B);border-radius:1rem;height:6rem;position:absolute;top:1rem;width:6rem;z-index:-1}.filter-button-container svg{height:3rem;width:3rem}.filter-button-container.active{border-bottom-right-radius:0;border-top-right-radius:0;-webkit-transform:translateX(0);transform:translateX(0)}.project-filter{display:flex;justify-content:center;padding:1rem 0;position:relative}.switch-background{align-items:flex-end;background:#fff;border-bottom-right-radius:1rem;border-top-right-radius:1rem;display:flex;flex-direction:column;width:4.5rem;z-index:-1}.switch-container{align-items:center;display:flex;flex-direction:column;gap:.25rem;padding:0 1rem;position:absolute}.switch{background:var(--color-Dl);border-radius:1rem;cursor:pointer;display:flex;height:24px;justify-content:flex-end;overflow:hidden;padding:2px;width:48px}.toggle{background:var(--color-LB);border-radius:1.25rem;height:1.25rem;width:1.25rem}.switch[data-previewHover=true],.switch[data-previewgif=true]{background:var(--color-B);justify-content:flex-start}.label{color:var(--color-DD)}.gear{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;right:2%}.gear svg{height:2rem;width:2rem;z-index:5}.gear-background{align-items:center;background:#fff;border-bottom-right-radius:1rem;border-top-right-radius:1rem;display:none;justify-content:center;transition:all .5s linear;width:2rem;z-index:2}.gear-background.active{border-bottom-right-radius:0;border-top-right-radius:0}@media(max-width:1800px){.filter-button-container{width:65%}}@media(max-width:1700px){.filter-button-container{width:70%}}@media(max-width:1500px){.filter-button-container{width:75%}.project-list-container{padding:2rem 0}}@media(max-width:1450px){.filter-button-container{width:80%}}@media(max-width:1350px){.filter-button-container{width:85%}}@media(max-width:1250px){.filter-button-container{width:90%}}@media(max-width:1150px){.filter-button-container{width:80%}.filter-button-container .filter-buttons{font-size:1rem;margin:.5rem}.filter-button-container svg{height:2.5rem;width:2.5rem}.filter-button-container .selected{height:5.5rem;top:.5rem;width:5.5rem}.gear svg{height:1.75rem;width:1.75rem}.switch-container{gap:initial}.label{font-size:.9rem}}@media(max-width:1100px){.filter-button-container{width:85%}}@media(max-width:1000px){.filter-button-container{-webkit-transform:translateX(5%);transform:translateX(5%);width:80%}.filter-button-container .filter-buttons{font-size:.75rem;margin:.25rem}.filter-button-container svg{height:2.25rem;width:2.25rem}.filter-button-container .selected{height:4.5rem;top:.25rem;width:4.5rem}.gear svg{height:1.5rem;width:1.5rem}.switch{height:1.25rem;width:2.5rem}.toggle{height:1rem;width:1rem}.label{font-size:.75rem}}@media(max-width:900px){.filter-button-container{width:85%}}@media(max-width:850px){.filter-button-container{width:90%}}@media(max-width:800px){.filter-button-container{justify-content:flex-start}::-webkit-scrollbar-thumb{border:7px solid transparent}.gear{right:2%}}@media(max-width:768px){.filter-button-container{overflow:scroll;padding:0 1.5rem;-webkit-transform:translateX(8%);transform:translateX(8%);width:calc(85% + 1px)}.gear-background{display:flex;-webkit-transform:translateX(70%);transform:translateX(70%);transition:all .75s linear}.gear-background.active{-webkit-transform:translateX(0);transform:translateX(0)}.gear{display:none}.gear2 svg{height:1.5rem;width:1.5rem}}@media(max-width:650px){.switch{padding:.1rem}}@media(max-width:550px){.filter-button-container{padding:0 1rem;-webkit-transform:translateX(11%);transform:translateX(11%)}.gear-background{-webkit-transform:translateX(85%);transform:translateX(85%)}}@media(max-width:450px){.filter-button-container{-webkit-transform:translateX(12%);transform:translateX(12%)}.gear-background{-webkit-transform:translateX(90%);transform:translateX(90%)}}@media(max-width:420px){.filter-button-container{-webkit-transform:translateX(14%);transform:translateX(14%)}.gear-background{-webkit-transform:translateX(110%);transform:translateX(110%)}}@media(max-width:410px){.filter-button-container{-webkit-transform:translateX(15%);transform:translateX(15%)}.gear-background{-webkit-transform:translateX(120%);transform:translateX(120%)}}@media(max-width:400px){.filter-button-container{border-bottom-right-radius:0;border-top-right-radius:0;-webkit-transform:translateX(16%);transform:translateX(16%)}.gear-background{-webkit-transform:translateX(130%);transform:translateX(130%)}.switch{padding:.15rem}}.project-card-container{border-radius:1rem;box-shadow:4px 4px 8px rgba(0,0,0,.6);height:40vh;margin:2rem;overflow:hidden;position:relative;width:35vw}.project-card-container:hover{cursor:pointer}.project-card-img{background:#000;height:100%;overflow:hidden;width:100%}.project-img{height:100%;object-fit:cover;opacity:.8;width:100%}.project-details{height:100%;padding:0 2rem;pointer-events:none;position:absolute;top:0;width:100%}.project-details h2{color:#d9eeff;font-size:2rem;font-weight:900;padding-top:1rem}.project-details p{color:#d9eeff;font-size:1.2rem;padding-left:1rem;padding-top:1rem;width:70%}.project-details .line{background:var(--color-B);height:.2rem;width:90%}.project-title{font-size:1.5rem;padding:1rem 0}.project-tech-container{align-items:center;display:flex}.project-tech{background:var(--color-B);border-radius:2rem;box-shadow:2px 2px 4px rgba(0,0,0,.6);color:#d9eeff;font-size:.9rem;margin-right:6px;padding:.5rem;text-shadow:rgba(0,0,0,.4) 0 0 10px}@media(max-width:1500px){.project-card-container{height:38vh;width:38vw}}@media(max-width:1450px){.project-card-container{width:40vw}}@media(max-width:1350px){.project-card-container{width:42vw}}@media(max-width:1250px){.project-card-container{width:44vw}.project-details h2{font-size:1.5rem}.project-details p{font-size:1.1rem}}@media(max-width:1150px){.project-card-container{height:35vh}}@media(max-width:1068px){.project-card-container{margin:2rem 1rem}.project-details h2{font-size:1.3rem}.project-details p{font-size:1rem}.project-tech{font-size:.75rem}}@media(max-width:1000px){.project-card-container{height:30vh}.project-details h2{font-size:1.2rem}.project-details p{font-size:.9rem}.project-tech{font-size:.7rem}}@media(max-width:900px){.project-card-container{height:30vh;margin:1rem}.project-details h2{font-size:1.05rem}.project-details .line{height:.1rem}.project-tech{font-size:.55rem}}@media(max-width:850px){.project-card-container{height:25vh}.project-details{padding:0 1rem}.project-details p{font-size:.8rem}}@media(max-width:768px){.project-card-container{height:40vh;width:80vw}.project-details h2{font-size:1.5rem}.project-details .line{height:.2rem}.project-details p{font-size:1.1rem}.project-tech{font-size:.9rem}}@media(max-width:650px){.project-card-container{height:35vh}}@media(max-width:550px){.project-card-container{height:30vh;width:85vw}.project-details h2{font-size:1.3rem}.project-details .line{height:.1rem}.project-details p{font-size:1rem}.project-tech{font-size:.75rem}}@media(max-width:500px){.project-card-container{width:90vw}}@media(max-width:450px){.project-details h2{font-size:1.2rem}.project-details p{font-size:.9rem;width:85%}.project-tech{font-size:.75rem}}@media(max-width:400px){.project-details h2{font-size:1.1rem}.project-tech{font-size:.75rem}}.project-modal{background:#fff;height:90vh;padding:2rem;width:70%;z-index:1}.modal-image-container,.project-modal{border-radius:1rem;overflow:hidden;position:relative}.modal-image-container{align-items:center;background:#d3d3d3;display:flex;flex-direction:column;justify-content:space-evenly;max-width:100%;min-height:60vh;padding:1rem}.modal-image-container img{border-radius:1rem;max-height:99%;max-width:99%;position:absolute}.modal-image-container p{bottom:2rem;position:absolute}.modal-close{all:unset;cursor:pointer;display:flex;justify-content:flex-end;position:absolute;right:5px;top:5px;z-index:2}.modal-close svg{color:#cacaca;height:2rem;width:2rem}.modal-img-desc{display:flex;justify-content:center;padding:1rem 0}.modal-img-desc p{font-size:1.3rem;text-align:center}.modal-img-desc svg{color:var(--color-B);font-size:1rem}.modal-img-desc .quote-l{margin-bottom:.5rem;padding:0 2rem 0 0}.modal-img-desc .quote-r{margin-bottom:-.5rem;padding:0 0 0 2rem}.next,.prev{align-items:center;background:#3c3e49;border:none;border-radius:50%;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;top:35%;width:3rem}.next svg,.prev svg{color:#b4b4b4;font-size:2rem}.prev{left:10px}.next{right:10px}.next:hover,.prev:hover{background:#31323a}.next:hover svg,.prev:hover svg{color:#e0e0e0}.modal-heading{display:flex;justify-content:space-between;padding:0 0 1rem}.modal-heading a{margin-left:1rem}.modal-heading svg{color:var(--filterBB);font-size:1.7rem}.modal-heading span{font-size:1rem;font-style:italic;font-weight:100}.modal-heading p{font-size:2rem}.right{bottom:20px;position:absolute;right:10px}.modal-icon a{background:none}.modal-icon svg{border-radius:50%}@media(max-width:1700px){.modal-img-desc p{font-size:1.2rem}}@media(max-width:1650px){.modal-img-desc p{font-size:1.1rem}.modal-image-container{min-height:55vh}}@media(max-width:1500px){.project-modal{width:80%}}@media(max-width:1350px){.project-modal{width:85%}}@media(max-width:1250px){.project-modal{width:90%}}@media(max-width:1100px){.project-modal{width:95%}.modal-img-desc p{font-size:1rem}.modal-text-container{height:35vh}.modal-text-container .modal-heading{padding:0 0 .5rem}.modal-text-container .modal-heading h2{font-size:1.3rem}.modal-text-container p{height:50%;overflow-y:scroll}.modal-image-container img{border-radius:1rem;max-width:none;object-fit:cover}}@media(max-width:650px){.modal-image-container{min-height:50vh}.project-modal{padding:1rem}.next,.prev{height:2.5rem;top:30%;width:2.5rem}.next{right:5px}.prev{left:5px}}@media(max-width:576px){.project-modal{width:100%}.modal-image-container{min-height:45vh}.project-tech{font-size:.7rem}.modal-text-container .links{display:flex}.modal-text-container .links a{margin-left:.5rem}}@media(max-width:456px){.modal-image-container{min-height:40vh}.modal-text-container p{height:70%}.project-tech{font-size:.6rem}.right{bottom:15px}.next,.prev{height:2rem;top:25%;width:2rem}.next svg,.prev svg{font-size:1.5rem}}@media(max-width:412px){.project-tech{font-size:.55rem;padding:.4rem}.right{bottom:15px;right:0}}@media(max-width:376px){.modal-image-container{min-height:35vh}.modal-img-desc p{font-size:.9rem}.next,.prev{top:20%}.modal-text-container .modal-heading h2{font-size:1.2rem}.modal-text-container p{height:100%}}@media(max-height:896px){.modal-text-container{height:30vh}}@media(max-height:740px){.modal-text-container{height:25vh}}@media(max-height:667px){.modal-text-container{height:20vh}}.contact-container{align-items:center;display:flex;height:90vh;justify-content:center;overflow:hidden;position:relative;width:100%}.contact-form-container{background:var(--color-DD);border-radius:2rem;box-shadow:0 0 8px 4px #131313;display:flex;height:80%;justify-content:center;padding:2rem;width:60%}.contact-form-container h1{color:var(--color-GB);font-weight:500}.letter-sent{height:60%;position:relative;width:60%}.letter-sent-back{align-items:center;border-radius:10px;box-shadow:0 0 8px 4px #131313;display:flex;height:100%;justify-content:center;overflow:hidden;padding:2rem}.letter-send-opening,.letter-sent-back{background:#fee3b8;position:absolute;width:100%}.letter-send-opening{border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 8px 4px #cfbc97,inset 0 -8px 4px -6px #fff4e2;height:40%;left:0;top:0}.stamp{background:#fff radial-gradient(#fee3b8 0,#fee3b8 .5rem,transparent 0);background-position:-10px;background-size:1.25rem 1.25rem;height:10rem;position:absolute;right:15px;top:15px;width:10rem}.stamp:before{background:url(/static/media/saitama.a49d018bcc8b64ff9ffd.png);background-color:#fff;background-size:cover;content:"";inset:.5rem;position:absolute}@media(max-width:1500px){.letter-sent{width:65%}}@media(max-width:1200px){.stamp{background-size:1.15rem 1.15rem;height:9rem;width:9rem}.letter-sent{width:70%}}@media(max-width:1000px){.letter-sent{width:75%}}@media(max-width:850px){.letter-sent{height:55%;width:80%}}@media(max-width:768px){.letter-sent{height:50%;width:85%}}@media(max-width:650px){.stamp{background-size:1rem 1rem;height:8rem;right:10px;top:10px;width:8rem}}@media(max-width:500px){.stamp{background-size:1.15rem 1.15rem;height:7rem;right:5px;top:5px;width:7rem}.letter-sent{height:40%;width:90%}}@media(max-width:400px){.stamp{background-position:-7.5px;background-size:1rem 1rem;height:6rem;width:6rem}}@media(max-width:768px)and (max-height:1024px){.contact-container{height:85vh}}.opened{background:#7e705f;border-radius:10px;box-shadow:0 0 8px 4px #131313;height:70%;position:absolute;top:10%;width:60%;z-index:2}.light-brown{background:#a5967d;border-top-left-radius:2rem;border-top-right-radius:2rem;box-shadow:0 -4px 10px 0 #131313,0 -4px 10px 0 #131313;height:40%;z-index:0}.letter-color,.light-brown{position:absolute;width:100%}.letter-color{background:#fee3b8;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;height:60%;z-index:2}.letter-color button{background:transparent;border:none;bottom:10px;color:var(--color-DD);cursor:pointer;font-family:Walter Turncoat,sans-serif;font-size:2rem;font-weight:800;position:absolute;right:20px;-webkit-user-select:none;user-select:none}.letter-color .button-shadow{background:#a0a0a0;border-radius:50%;bottom:5px;height:5px;position:absolute;right:22px;width:65px}.email-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.email-blur{height:72%;width:96%}.email-blur,.email-top-blur{background-color:#504b43;-webkit-filter:blur(2px);filter:blur(2px);position:absolute;z-index:-1}.email-top-blur{border-radius:5px;bottom:0;height:21%;width:100%}.email-bottom-blur{background-color:#a1947e;border-radius:5px;bottom:0;-webkit-filter:blur(4px);filter:blur(4px);height:20.5%;position:absolute;width:95.3%;z-index:1}.email{background-color:#fff;color:var(--color-DD);display:flex;height:80%;justify-content:center;position:relative;width:95%;z-index:1}.email h1{left:15px;position:absolute;rotate:-5deg;top:10px}.email h2{cursor:pointer;position:absolute;right:15px;text-decoration:underline;top:5px}@media(max-width:1800px){.opened{width:65%}}@media(max-width:1700px){.opened{width:70%}}@media(max-width:1500px){.opened{width:75%}.email h1{font-size:1.65rem}}@media(max-width:1200px){.opened{width:80%}.email h1{font-size:1.5rem;top:15px}}@media(max-width:1000px){.opened{width:75%}.email h1{font-size:1.5rem}}@media(max-width:850px){.opened{height:60%;width:80%}.email h1{font-size:1.25rem;top:8px}}@media(max-width:768px){.opened{width:85%}.email h1{font-size:1.1rem;left:5px;top:5px}.email h2{font-size:1rem;right:10px}.letter-color button{font-size:1.5rem}.letter-color .button-shadow{width:55px}.light-brown{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}}@media(max-width:500px){.opened{width:90%}.email h1{font-size:.85rem;left:3px;top:10px}.email h2{right:5px;top:5px}}.envelope-container{align-items:center;display:flex;font-family:Walter Turncoat,sans-serif;height:100%;justify-content:center;-webkit-perspective:2000px;perspective:2000px;position:relative;width:100%}.letter{height:60%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .75s ease;width:60%}.letter-back,.letter-front{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fee3b8;border-radius:10px;box-shadow:0 0 8px 4px #131313;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:2rem;position:absolute;width:100%}.letter-back h1,.letter-front h1{color:var(--color-DD);font-size:4rem;font-style:italic;font-weight:500}.letter-back h2,.letter-front h2{bottom:1rem;color:var(--color-DD);cursor:pointer;font-size:1.5rem;font-style:italic;position:absolute;right:1rem}.letter-back span,.letter-front span{color:var(--color-DD);font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500}.letter-back,.letter.active{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.letter-opening{background:#fee3b8;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 8px 4px #cfbc97,inset 0 -8px 4px -6px #fff4e2;height:40%;left:0;position:absolute;top:0;width:100%;z-index:-1}.letter-seal{align-items:center;color:var(--color-DD);cursor:pointer;display:flex;flex-direction:column;font-size:2rem;height:10rem;justify-content:center;width:5rem;z-index:2}.letter-seal svg{font-size:3rem;z-index:5}@media(max-width:1800px){.letter{width:65%}}@media(max-width:1700px){.letter{width:70%}}@media(max-width:1500px){.letter{width:75%}}@media(max-width:1200px){.letter{width:80%}.letter-front h1{font-size:3.5rem}.letter-front span{font-size:1.25rem}.letter-seal svg{font-size:2.75rem}}@media(max-width:1000px){.letter{width:75%}.letter-back h1,.letter-front h1{font-size:3.25rem}.letter-back span,.letter-front span{font-size:1rem}.letter-seal{font-size:1.75rem}.letter-seal svg{font-size:2.5rem}}@media(max-width:850px){.letter{height:55%;width:80%}}@media(max-width:768px){.letter{height:50%;width:85%}.letter-back h1,.letter-front h1{font-size:3rem}.letter-back span,.letter-front span{font-size:.9rem}.letter-back h2,.letter-front h2{font-size:1.25rem}.letter-seal{font-size:1.5rem}.letter-seal svg{font-size:2.25rem}.letter-opening{border-bottom-left-radius:1.25rem;border-bottom-right-radius:1.25rem}}@media(max-width:500px){.letter{height:40%;width:90%}.letter-back h1,.letter-front h1{font-size:2rem}.letter-back h2,.letter-front h2{font-size:1rem}.letter-seal svg{font-size:1.75rem}.letter-opening{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.letter-container{padding:1rem;width:80%}.letter-heading{display:flex;flex-direction:column;gap:1rem;height:100%}.letter-heading input{border:none;border-bottom:1px solid var(--color-DD);font-size:1.5rem;height:2rem;padding:1rem 0;width:75%}.letter-heading input,.letter-heading textarea{font-family:Walter Turncoat,sans-serif;outline:none}.letter-heading textarea{border:none;color:var(--color-DD);font-size:2rem;height:60%;resize:none;width:100%}.invalid-name{color:red;font-size:1.25rem}@media(max-width:1200px){.letter-heading input{font-size:1.75rem;padding:0;width:70%}.letter-heading textarea{font-size:1.75rem}}@media(max-width:850px){.letter-container{padding:.25rem 2rem;width:85%}.invalid-name{font-size:1rem}}@media(max-width:768px){.letter-container{padding:.25rem 1.25rem}.letter-heading{gap:.5rem}.letter-heading input{font-size:1.25rem;padding:0}.letter-heading textarea{font-size:1.25rem}.invalid-name{font-size:.95rem}}@media(max-width:500px){.letter-heading input{font-size:1.25rem;padding:0;width:75%}.letter-heading textarea{font-size:1.25rem}.invalid-name{font-size:.75rem}}.home{display:flex;height:93vh;overflow:hidden;position:relative}.home .home-social{align-items:center;bottom:0;display:flex;flex-direction:column;left:1rem;position:absolute}.home .line{background:var(--color-GB);border-radius:1rem;width:.2rem}.home .social-links{display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly;padding:1rem 0}.home .social-links a{align-items:center;display:flex;justify-content:center}.home .social-links svg{color:var(--color-GB);font-size:2rem}.home-heading-container{align-items:center;color:var(--color-LB);display:flex;justify-content:center;padding:0 5rem;width:100vw}.home-heading-container span{display:inline-block;text-shadow:rgba(0,0,0,.4) 0 0 10px}.home-heading-container .span3{align-items:baseline;color:var(--color-GB);display:block;font-size:6rem;font-weight:600;width:100%}.home-heading-container .span1,.home-heading-container .span2{font-size:4rem;font-weight:400}.home-heading-container .artSpan{font-size:3rem}.home-heading-container .newSpan{padding:0}.artContainer{color:var(--color-LB);display:flex;font-weight:500;justify-content:center;position:absolute;right:2%;width:20%}.home-heading{-webkit-user-select:none;user-select:none}.home-button-project{align-items:center;display:flex;height:5rem}.home-button-project a{text-decoration:none}.home-button-project a button{background:transparent;border:2px solid var(--color-GB);border-radius:5px;color:var(--color-GB);cursor:pointer;font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:500;padding:.5rem 2rem;transition:all .5s ease}.home-button-project a button:hover{background:var(--color-GB);box-shadow:0 0 10px var(--color-GB);color:var(--color-LB);font-family:Poppins,sans-serif;font-weight:500}@media(max-width:1500px){.home-heading-container{padding:0 4rem}}@media(max-width:1450px){.home-heading-container{padding:0 3rem}.home-heading-container .span1,.home-heading-container .span2{font-size:3.5rem}.home-heading-container .span3{font-size:5.5rem}.home-heading-container .artSpan{font-size:2.75rem}.home-button-project a button{font-size:1.25rem}}@media(max-width:1350px){.home-heading-container .span1,.home-heading-container .span2{font-size:3.25rem}.home-heading-container .span3{font-size:5.25rem}.home-button-project{height:4rem}}@media(max-width:1200px){.home-heading-container{padding:0 2rem}.home-heading-container .span1,.home-heading-container .span2{font-size:3rem}.home-heading-container .span3{font-size:5rem}}@media(max-width:1100px){.home-heading-container .span1,.home-heading-container .span2{font-size:2.5rem}.home-heading-container .span3{font-size:4.5rem}.home-heading-container .artSpan{font-size:2.5rem}.home-button-project a button{font-size:1rem}}@media(max-width:1000px){.home-heading-container .span1,.home-heading-container .span2{font-size:2.25rem}.home-heading-container .span3{font-size:4.25rem}.home-heading-container .artSpan{font-size:2.25rem}.home .home-social{left:.5rem}.home .social-links svg{font-size:1.75rem}}@media(max-width:900px){.home-heading-container .span1,.home-heading-container .span2{font-size:2rem}.home-heading-container .span3{font-size:4rem}.home-heading-container .artSpan{font-size:2rem}.home-button-project a button{font-size:1rem;padding:.5rem 1.5rem}}@media(max-width:850px){.home-heading-container .span1,.home-heading-container .span2{display:block;font-size:5rem}.home-heading-container .span3{font-size:3.75rem}}@media(max-width:768px){.home{height:85vh}.home-heading-container{padding:0 3.5rem}.home-heading-container .span1,.home-heading-container .span2{font-size:5rem;text-align:center}.home-heading-container .span3{font-size:3rem}.artContainer{right:5%}}@media(max-width:650px){.home{height:90vh}.home-heading-container .span1,.home-heading-container .span2{font-size:4rem;text-align:left}.home-heading-container .span3{font-size:2.75rem}.home-heading-container .artSpan{font-size:2rem}.home-button-project a button{font-size:.75rem;padding:.5rem 1.25rem}}@media(max-width:560px){.home-heading-container{padding:0 2rem}.home-heading-container .span1,.home-heading-container .span2{font-size:3rem;text-align:left;text-align:initial}.home-heading-container .span3{font-size:2.25rem}.home-heading-container .artSpan{font-size:1.75rem}.home .home-social{left:.25rem}.home .social-links svg{font-size:1.5rem}.artContainer{right:8%}}@media(max-width:468px){.home-heading-container .span1,.home-heading-container .span2{font-size:2.75rem;text-align:center}.home-heading-container .span3{font-size:1.65rem}.home-heading-container .artSpan{font-size:1.5rem}.home-button-project{align-items:flex-start}.home-button-project a button{font-size:.75rem;padding:.5rem 1rem}}
/*# sourceMappingURL=main.1684e5c0.css.map*/