@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@font-face{font-family:Sake;src:url(/static/media/sake_moru.039da2f57583ee8b16e6.ttf)}html{scroll-snap-type:y mandatory}:root{--beige:#efefd0;--beige-active:#b0b09b;--orange:#ff6b35;--peach:#f7c59f;--lapis:#1a659e;--blue:#1482d6;--black:#00010a}*{font-family:Playfair Display,serif}*,h1,h2,h3,p{color:#efefd0;color:var(--beige)}h1,h2,h3,p{transition:all .3s}body{background-color:#00010a;background-color:var(--black);background-image:url(/static/media/bg_1_v2.aa7eff02621776887bac.png);background-repeat:no-repeat;background-size:cover;overscroll-behavior:none}.fancy{font-family:Sake}.sans{font-family:Raleway}.link{text-decoration:none}.link-default{color:#1482d6;color:var(--blue)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#efefd0;background:var(--beige)}::-webkit-scrollbar-thumb:hover{background:#b0b09b;background:var(--beige-active)}.Landing{min-height:100vh;overflow-x:hidden;padding:10vh 15vw}.Landing,.Landing .head{align-items:center;display:flex;flex-direction:column;width:100%}.Landing .head{text-align:center}.Landing .head .image{align-items:center;background-image:url(/static/media/profile.5968ab042c4dc7395a46.png);background-position:50%;background-size:120%;border-radius:100px;display:flex;font-size:30px;height:100px;justify-content:center;margin-bottom:30px;text-align:center;width:100px}.Landing .head h1{color:var(--blue);font-size:40px}.Landing .links{width:100%}.Landing .footer{margin-top:30px}@media only screen and (max-width:600px){.Landing{padding:10vh 5vw}}.test{overflow-x:hidden;position:relative}#canvas{height:100vh;width:100%}.test .content{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:absolute;transform:translateY(-100vh);width:100%;z-index:20}.Navigation{height:10vh;margin-top:50px;width:100%}.Navigation ul{display:flex;justify-content:space-evenly;list-style:none;width:100%}.Navigation ul li{align-items:center;background-color:initial;color:var(--beige);cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;text-align:center;width:145px}.Navigation ul li .top{background-color:var(--black);border:2px solid var(--beige);color:var(--beige);transform:translateX(7px) translateY(7px);transition:all .2s ease;z-index:2}.Navigation ul li .bottom,.Navigation ul li .top{align-items:center;display:flex;height:calc(100% - 7px);justify-content:center;text-align:center;width:100%}.Navigation ul li .bottom{border:2px solid var(--blue);position:absolute;transition:all .15s ease-in-out;z-index:1}.MainLink{cursor:pointer;display:flex;flex-direction:column;margin:5vh 0;overflow-x:hidden;width:100%}.MainLink .text *{font-size:100px;transition:transform .1s ease}.MainLink #titleStroke{-webkit-text-stroke:2px var(--blue);color:#0000}.MainLink #titleFill{color:var(--beige);position:absolute;transform:translateX(50px) translateY(50px)}.MainLink .description{align-items:center;display:flex;font-size:30px;margin-top:50px}.MainLink p{align-items:center;display:flex;margin-left:10px}.Button{border:2px solid var(--beige);border-radius:10px;color:var(--beige);font-size:15px;padding:5px 7px;transition:transform .2s ease;width:-webkit-min-content;width:min-content}.Button .align{align-items:center;display:flex}.Button *{font-family:Sake;text-decoration:none}.Button #icon{font-size:inherit;margin-left:5px}.Button:hover{transform:scale(1.05)}@media only screen and (max-width:880px){.MainLink .text *{font-size:50px}}@media only screen and (max-width:600px){.MainLink #titleFill{transform:translateX(20px) translateY(20px)}.MainLink .description{font-size:20px;margin-top:30px}.MainLink{margin:0}}@media only screen and (max-width:661px){.Navigation{height:-webkit-min-content;height:min-content;margin-bottom:20px;margin-top:20px}.Navigation ul *{font-size:15px}.Navigation ul li{margin-left:50px;margin-right:50px;padding:0;width:0}.Navigation ul li .top{background-color:initial;border:none;transform:translateX(0) translateY(0)}.Navigation .bottom{opacity:0}}*{box-sizing:border-box;margin:0;padding:0}.About,.Resume .Dev,.Website{overflow-x:hidden}.Website{min-height:100vh;padding:10vh 15vw;width:100%}.Website .head{display:flex;flex-direction:column}.Website .head .main{font-size:50px}.Website .content .bar{text-wrap:nowrap;background-color:var(--blue);display:flex;flex-direction:column;height:50px;justify-content:center;overflow-x:hidden;overflow-y:hidden;padding:10px 20px;width:100%}.Website .content .bar *{color:var(--black)}.font{margin:30px 0;padding:20px 40px;z-index:1}.font p.main{text-wrap:nowrap;font-size:40px}.font .display{margin-top:20px}.font .display *{margin:10px 0}.squares{display:flex;justify-content:space-evenly;margin-bottom:50px;margin-top:50px;width:100%}.squares .square .color{border-radius:10px;height:100px;transition:transform .1s ease;width:100px}.squares .square .color:hover{cursor:pointer;transform:rotate(5deg) scale(1.1)}.squares .square{align-items:center;display:flex;flex-direction:column;min-height:120px;width:120px}.squares .label{margin-top:10px}.squares .label_secondary{color:var(--beige-active)}.copied #text{animation-duration:.5s;animation-name:fadeIn;margin-top:20px}.Website .icons{margin-bottom:50px;margin-top:50px}.Website .icons .row{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:40px;width:100%}.Website .icons .wrapper{align-items:center;display:flex;flex-direction:column;margin:10px;text-align:center}.Website .icons .row .icon{font-size:60px;margin-bottom:10px}.Website .icons .row *{font-family:Raleway,sans-serif!important}@keyframes fadeIn{0%{margin-top:0;opacity:0}to{margin-top:20px;opacity:1}}.Design{background-color:var(--black);min-height:100vh;width:100%}.Design .top{height:15vh;position:absolute;width:100vw}.Design .top .nav{align-items:center;display:flex;height:100%;justify-content:center;padding:0 10vw;position:relative;width:100%}.Design .main{display:flex;height:100vh;padding:15vh 10vw 0;width:100%}.Design .main div{display:flex}.Design .main .list{align-items:center;display:flex;flex-direction:column;width:100%}.Design .main .list .header{color:var(--beige);font-weight:300;margin-bottom:20px}.Design .heading{text-align:center}.Design .heading *{font-size:40px}.Design .heading h1:first-child{color:var(--beige)}.Design .heading h1:nth-child(2){color:var(--blue);transform:translateY(-15px)}.Design ul{display:flex;justify-content:space-evenly;list-style:none;width:100%}.Design ul li{align-items:center;background-color:initial;color:var(--beige);cursor:pointer;display:flex;height:42px;justify-content:center;position:relative;text-align:center;width:-webkit-max-content;width:max-content}.Design ul li .front{background-color:var(--black);border:2px solid var(--beige);color:var(--beige);transform:translateX(7px) translateY(7px);transition:all .2s ease;z-index:2}.Design ul li .back,.Design ul li .front{align-items:center;display:flex;height:calc(100% - 7px);justify-content:center;padding:7px;text-align:center;width:100%}.Design ul li .back{border:2px solid var(--blue);position:absolute;transition:all .15s ease-in-out;z-index:1}.Design ul #Link{text-decoration:none}.Dev{min-height:100vh;padding:10vh 15vw;width:100%}.Dev .projects .container{display:flex;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:25px;width:100%}.Dev .projects .year{margin-top:50px}.Dev .Project{border-radius:10px;height:250px;margin-bottom:25px;margin-right:25px;overflow-x:hidden;overflow-y:hidden;position:relative;transition:transform .15s ease;width:400px}.Dev .Project:hover{transform:scale(1.1)}.Dev .Project .content{background:linear-gradient(0deg,#000,#0000);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:20px;position:absolute;width:100%;z-index:2}.Dev .Project *{font-family:Raleway}.Dev .Project .picture{background-position:50%;background-size:cover;height:100%;position:absolute;width:100%;z-index:0}.Dev .Project .icon{fill:var(--blue);color:var(--blue);font-size:30px;transition:all .2s ease;z-index:2}.Dev .Project .icon:hover{fill:var(--beige);transform:translateX(-5px)}.Dev .Project .icons{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:20px;position:absolute;transform:translateX(-20px) translateY(20px);width:100%;z-index:-1}@media only screen and (max-width:580px){.Dev h1.fancy{font-size:20px}}.Resume{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:10vh 15vw;width:100%}.Resume .main{text-align:center}.Resume .content{display:flex;flex-direction:column;padding:0 10vw}.Resume .content *{font-family:Raleway,sans-serif}.Resume h1{font-size:40px;font-weight:800}.Resume .button{margin-top:20px}.Resume .download{border:2px solid var(--blue);border-radius:100px;padding:5px 13px;width:-webkit-max-content;width:max-content}.Resume section{margin:20px 0}.Resume section h2{font-size:25px;margin-bottom:10px}.Resume .experience{margin-bottom:30px;margin-left:30px}.Resume .experience ul{margin-left:30px;margin-top:10px}.Resume .experience .title{font-size:20px;font-weight:700}.Resume .experience .date{color:var(--beige-active)}@media only screen and (max-width:600px){.Resume img{height:auto;width:80vw}}.About{padding:10vh 15vw}.About h1.main{font-size:40px}.About h1.main,.About p.main{text-align:center}.About p.body{font-size:20px;margin-bottom:20px}.About .content{display:flex;flex-direction:row;justify-content:space-around;padding:0 10vw;width:100%}.About .content .image{height:50vh;width:50%}.About .content .image-container{border-radius:10px;height:50vh;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About .content img{height:100%}.About .content .text{width:50%}.About .icons{display:flex;justify-content:flex-start;width:100%}.About .icon{font-size:25px;margin:5px;transition:all .2s ease}.About .instagram:hover{fill:#fbad50}.About .github:hover{fill:#dcacf2}.About .linkedin:hover{fill:#0077b5}@media only screen and (max-width:1521px){.About .content{padding:0}}@media only screen and (max-width:1061px){.About .content{align-items:center;flex-direction:column;text-align:center}.About .content .text{margin-top:25px;width:100%}.About .content .image{align-items:center;display:flex;justify-content:center;margin-top:0;width:100%}.About .icons{justify-content:center}}@media only screen and (max-width:600px){.Website .head .main{font-size:30px}.Website .content .bar{height:30px}.Website .content .bar h1{font-size:20px}.font p.main{text-wrap:nowrap;font-size:30px}.font .display{margin-top:20px}.font .display h1{font-size:25px}.font .display h2{font-size:20px}.font .display p{font-size:15px}.squares{align-items:center;flex-wrap:wrap}.squares .square .color{border-radius:10px;height:100px;margin:20px;transition:transform .1s ease;width:100px}.About,.Resume,.Website{padding:10vh 5vw}}
/*# sourceMappingURL=main.8a3b9d53.css.map*/