*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat",sans-serif;letter-spacing:1px}:root{--main-red:#f07178;--main-blue:#89ddf1;--main-green:#b9e871;--main-back-black:#1b1b1b;--main-text-back-grey:hsla(0,0%,47.8%,0.6);--main-circle-peach:#fdd2b7;--main-glass-back:rgba(51,51,51,0.623)}.app-wrap{height:100vh;width:100vw;background-color:#1b1b1b;background-color:var(--main-back-black);max-width:100%}.app-wrap,html{overflow-y:overlay;overflow-x:hidden}body{background-color:#1b1b1b;background-color:var(--main-back-black)}.header{-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:50px auto auto;position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:87vw;-webkit-align-items:center;align-items:center}.main-svg{width:100vw}.wide-svg-wrap{position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;top:15%}.narrow-svg-wrap{width:100vw}.narrow-svg-wrap svg{display:block;margin:auto;width:95%;padding-left:10px;padding-right:10px;max-width:398px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}svg{overflow:visible}.nameBox{top:5%;left:5%;color:#fff;font-family:"Montserrat",sans-serif}.nameBox h1{font-size:3rem;font-weight:500;border-bottom:2px solid #f07178;border-bottom:2px solid var(--main-red);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.nameBox h3{font-size:1.9rem;font-weight:400;text-align:center}.legend{color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:100px}.legend h3{font-weight:300;letter-spacing:1px}.legBox{font-size:1.4rem;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:30px}.colorBox{height:80%;width:40px;margin-right:10px}.red{background-color:#f07178;background-color:var(--main-red)}.green{background-color:#b9e871;background-color:var(--main-green)}.blue{background-color:#89ddf1;background-color:var(--main-blue)}.circle{fill:#fdd2b7;fill:var(--main-circle-peach);transition:r .3s ease}.wide-svg-wrap .circle:hover{r:25;cursor:pointer}.narrow-svg-wrap .circle:hover{cursor:pointer}.wide-svg-wrap .circle:active{r:20}.glass{background:rgba(51,51,51,.623);background:var(--main-glass-back);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.absolute-center{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobCircle{r:19;fill:#fdd2b7;fill:var(--main-circle-peach)}.hovPoint:hover{cursor:pointer}@media only screen and (max-width:1250px){.wide-svg-wrap svg path{stroke-width:10}.wide-svg-wrap .circle{r:22}.wide-svg-wrap .circle:hover{r:30}}@media only screen and (max-width:1100px){.wide-svg-wrap svg path{stroke-width:11}.wide-svg-wrap .circle{r:24}.wide-svg-wrap .circle:hover{r:31}}@media only screen and (max-width:600px){html{font-size:14px}.app-wrap{width:100vw;min-width:300px;overflow-x:hidden}.header{margin-top:10px;width:95vw;max-width:400px;min-width:326px}.header h1{font-size:2.2rem}.header h3{font-size:1.5rem}.colorBox{margin:0}.legend h3{font-size:1.2rem}.nameBox{text-align:center}.legend,.nameBox{width:100vw;margin-bottom:10px}.legend{margin-top:12px;height:auto;-webkit-flex-direction:row;flex-direction:row}.legBox{-webkit-flex-direction:column;flex-direction:column;width:90px;height:40px}}@-webkit-keyframes leftToRight{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes leftToRight{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.project-mod-wrap{color:#fff;background-color:rgba(27,27,27,.5);border-radius:2px;position:absolute;z-index:10;top:0;left:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);overflow:hidden}.header-box{margin-bottom:2px}.under-line{width:100%;height:2px;background-color:#fff;overflow:hidden;-webkit-animation:leftToRight .5s ease-in-out;animation:leftToRight .5s ease-in-out}.tech-wrap{text-align:center;color:#fff}.tech-wrap h3{font-weight:500;font-size:1.5rem}.logo-wrap{margin-top:15px;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.tech-item{margin:10px;width:110px;font-weight:300;font-size:1.2rem;transition:all .3s ease;font-family:"Open Sans",sans-serif}.tech-item:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.tech-wrap svg{height:60px;width:60px}@media only screen and (max-width:550px){.logo-wrap{width:90%;margin:auto}.tech-item svg{height:45px;width:45px}.tech-wrap h3{font-weight:600;font-size:1.8rem;margin-bottom:40px}.tech-item{margin:0 0 20px}.tech-item p{font-size:1.4rem}}.carousel-wrap img{object-fit:contain;position:absolute;top:0;left:0;border-radius:10px;height:100%;width:100%}.carousel-wrap .imgLeft,.carousel-wrap .imgRight{position:absolute;display:-webkit-flex;display:flex;font-size:40px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-weight:300;color:#fff;text-align:center;border-radius:100%;z-index:20;height:40px;width:40px;top:50%}.imgLeft:hover,.imgRight:hover{cursor:pointer}.imgLeft{left:10px}.imgRight{right:10px}.carousel-wrap{position:relative;margin:auto;height:100%;width:100%}.click-mod-wrapper{position:absolute;top:0;left:0;background-color:#1b1b1b;overflow-y:auto;overflow-x:hidden;min-height:100vh;width:100vw;max-width:100%;z-index:1000;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.click-mod-wrapper .back-svg{position:absolute;top:0;left:50%;height:100%;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.exit{position:absolute;top:30px;left:60px;z-index:9999}.info-wrap{max-width:100%;padding-left:30px;padding-right:30px;position:relative}.exit:hover{cursor:pointer}.title-wrap{margin-top:40px}.title-wrap h1{font-family:"Montserrat",sans-serif;font-weight:600;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:20px;font-size:3.5rem;color:#fff}.title-wrap .title:after{content:"";display:block;height:5px;width:90%;background-color:#f0717b;-webkit-animation:expandIn 1.7s ease;animation:expandIn 1.7s ease;-webkit-animation-delay:1s;animation-delay:1s;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-fill-mode:both;animation-fill-mode:both}.title{margin-top:20px}.title-wrap .num{font-size:3.7rem;color:hsla(0,0%,100%,.5);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.title-wrap .num:after{content:"";display:block;height:5px;width:90%;background-color:#b9ddf1;-webkit-animation:expandIn 1.7s ease;animation:expandIn 1.7s ease;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-fill-mode:both;animation-fill-mode:both}.content-wrap{display:-webkit-flex;display:flex;position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;margin:50px 30px 30px;height:80%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.carousel-img-wrap{margin:auto;object-fit:contain;height:250px;width:320px}.description-wrap{font-weight:500;min-width:30ch;max-width:60ch;color:#fff;font-family:"Open Sans",sans-serif;padding:15px 15px 25px;border-radius:5px;-webkit-flex:1 1;flex:1 1}.info-wrap:after{content:"";display:block;position:absolute;bottom:0;height:5px;width:85%;background-color:#b9e871;-webkit-animation:expandIn 1.7s ease;animation:expandIn 1.7s ease;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-fill-mode:both;animation-fill-mode:both}.link-wrap{overflow:visible;margin:40px 20px 20px}.click-mod-wrapper a{display:inline-block;background-color:#f07178;padding:15px 48px;font-size:1.5rem;margin-bottom:30px;letter-spacing:1px;color:#fff;font-weight:600;cursor:pointer;border:none;border-radius:5px;text-decoration:none;transition:all .2s ease;overflow:visible}.click-mod-wrapper a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.click-mod-wrapper a:active{-webkit-transform:scale(1);transform:scale(1)}.tech{margin-top:40px}@media only screen and (max-width:1200px){.exit{left:auto;right:30px}}@media only screen and (min-width:735px){.description-wrap{margin-left:50px}}@media only screen and (max-width:550px){.title-wrap .num,.title-wrap h1{font-size:3.5rem}.title-wrap{margin-top:15px}.content-wrap{margin:20px 0 0}.tech{margin-top:10px}.link-wrap{margin-top:20px}.content-wrap:after{left:0;width:95%}}.contact-form-wrap{color:#fff;font-weight:500;font-size:2rem;padding:50px}.contact-form-wrap input,.contact-form-wrap textarea{display:block;margin-top:10px;padding:10px;font-size:1.5rem}.contact-form-wrap input{width:70%;background-color:hsla(0,0%,47.8%,.8);border:none;border-radius:2px;color:#fff;transition:all .5s ease}.contact-form-wrap .name{box-shadow:inset 0 -3px 0 0 #b9e871}.contact-form-wrap .email{box-shadow:inset 0 -3px 0 0 #b9ddf1}.contact-form-wrap .message{background-color:hsla(0,0%,47.8%,.6);border:none;border-radius:5px;color:#fff;box-shadow:inset 0 -3px 0 0 #f0717b;transition:all .5s ease;resize:none}.contact-form-wrap .name:focus{box-shadow:inset 0 0 0 3px #b9e871;background-color:#7a7a7a;outline:none}.contact-form-wrap .email:focus{box-shadow:inset 0 0 0 3px #b9ddf1;background-color:#7a7a7a;outline:none}.contact-form-wrap .message:focus{box-shadow:inset 0 0 0 6px #f0717b;background-color:#7a7a7a;outline:none}.contact-form-wrap div{margin-bottom:15px}.contact-form-wrap form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.contact-form-wrap .form-btn{margin-top:20px;padding:15px 48px;font-size:1.5rem;letter-spacing:1px;cursor:pointer;border:none;border-radius:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-align-self:center;align-self:center;transition:all .2s ease}.contact-form-wrap .form-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.contact-form-wrap .form-btn:active{-webkit-transform:scale(1);transform:scale(1)}@media only screen and (max-width:735px){.contact-form-wrap{width:90vw;padding:30px;font-size:1.7rem}.contact-form-wrap input,.contact-form-wrap textarea{width:100%;font-size:1.2rem}.contact-form-wrap .form-btn{margin-top:15px}}.contact-social-wrap{padding:15px}.contact-social-wrap h2{margin-top:20px;color:#fff;text-align:center;font-size:2rem}.contact-social-wrap svg{height:50px;width:50px}.items-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;padding:30px 50px}.item{color:#fff;fill:#fff;text-align:center;margin-left:10px;margin-right:10px;padding:15px;transition:all .2s ease;cursor:pointer;border-radius:5px;background-color:hsla(0,0%,47.8%,.6)}.item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.item:active{-webkit-transform:scale(1);transform:scale(1);color:#b9e871;fill:#b9e871}.email-container{display:-webkit-flex;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 15px;margin:auto auto 15px;font-size:.9rem;font-weight:300;color:#fff;-webkit-align-items:center;align-items:center;border-radius:5px;background-color:hsla(0,0%,47.8%,.6)}.email-container svg{position:relative;width:30px;margin-right:15px}.email-container-confirm{position:absolute;background-color:#7a7a7a;padding:10px;width:-webkit-max-content;width:max-content;border-radius:3px;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.contact-wrap{position:absolute;top:50%;left:50%}@-webkit-keyframes expandIn{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes expandIn{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.skills-wrap{color:#fff;max-width:100vw;padding:30px}.skills-wrap svg{width:65px;height:65px}.skill-item{text-align:center;padding:15px}.skills-box{margin-top:30px}.skills-wrap h1{text-align:center;font-size:2.8rem}.language-box,.lib-box,.other-box{display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:center;justify-content:center;padding:20px 30px 10px;background-color:hsla(0,0%,47.8%,.6);margin-bottom:20px;width:75vw;max-width:-webkit-max-content;max-width:max-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;-webkit-flex-wrap:wrap;flex-wrap:wrap}.language-box,.lib-box,.other-box{position:relative}.language-box:after,.lib-box:after,.other-box:after{content:"";position:absolute;height:5px;width:100%;bottom:0;left:0;-webkit-animation:expandIn 1.7s ease;animation:expandIn 1.7s ease;-webkit-transform-origin:left;transform-origin:left;-webkit-animation-fill-mode:both;animation-fill-mode:both}.language-box:after{background-color:#f07178;-webkit-animation-delay:.5s;animation-delay:.5s}.lib-box:after{background-color:#b9e871;-webkit-animation-delay:1s;animation-delay:1s}.other-box:after{background-color:#89ddf1;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media only screen and (max-width:550px){body{font-size:16px}.skills-wrap h1{font-size:1.6rem}h3{font-size:.8rem}.skill-item{text-align:center;padding:15px}.skill-item svg{text-align:center;width:45px;height:45px}.language-box,.lib-box,.other-box{margin-left:5px;margin-right:5px;margin-bottom:10px;padding:10px 0}.skills-wrap{color:#fff;padding:15px}.skills-box{margin-top:15px}}@-webkit-keyframes leftToRight1{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes leftToRight1{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.interests-wrap{margin:40px;padding:20px;color:#fff;background-color:var(--main-text-back-grey);width:570px;max-width:70vw;overflow:visible}.interests-wrap .hello,.interests-wrap .intro,.interests-wrap .other{padding:10px}.hello{width:-webkit-min-content;width:min-content;font-size:2rem;color:#fff}.hello,.intro{margin-bottom:15px}.interests-wrap .under-line{width:100%;height:4px;background-color:#89ddf1;-webkit-transform-origin:left;transform-origin:left;-webkit-animation:leftToRight1 1s ease-in-out both;animation:leftToRight1 1s ease-in-out both;-webkit-animation-delay:.7s;animation-delay:.7s}.interests-wrap h3{font-weight:400}.interests-wrap h1 span{color:#fff}.about-wrap{position:absolute;top:50%;left:50%;max-width:650px;max-height:90vh;overflow-y:auto}
/*# sourceMappingURL=main.b90f7ff5.chunk.css.map */