@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,300;0,400;0,500;0,600;1,500&display=swap);*{padding:0;margin:0;box-sizing:border-box}.App,html{scroll-behavior:smooth}.App{background:#21243d;height:100%;font-family:"Nunito",sans-serif;overflow-x:hidden;position:fixed;width:100%}.App .contents{position:absolute;width:100%;max-width:1500px;left:50%;transform:translateX(-50%);top:130px;padding:0 120px}@media only screen and (max-width:767px){.App .contents{padding:0 50px}}@media only screen and (max-width:550px){.App .contents{padding:0 25px}}@media only screen and (max-width:350px){.App .contents{padding:0 15px}}.App .blurContents{filter:blur(5px)}#About{scroll-margin-top:150px}#Contact{scroll-margin-top:165px}.Menu{padding:30px 45px;width:100%;background:#21243d;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0}.Menu a{text-decoration:none}.Menu .logo a{font-size:50px;color:#fdcb6e}.Menu .headers{display:flex;justify-content:space-evenly}.Menu .headers li{list-style-type:none;margin:20px;transition:all .3s ease-in-out}.Menu .headers li a{color:#ccd6f6}.Menu .headers li a span{color:#fdcb6e;margin-right:5px;font-weight:700}.Menu .headers li:hover{transform:translateY(-4px);border-bottom:2px solid #fdcb6e}.Menu .headers .order1{animation-delay:.2s!important}.Menu .headers .order2{animation-delay:.4s!important}.Menu .headers .order3{animation-delay:.6s!important}.Menu .headers .order4{animation-delay:.8s!important}.Menu .resume{border:1px solid #fdcb6e;padding:10px 18px;color:#fdcb6e;border-radius:1px;transition:all .3s ease-in-out;animation-delay:1s!important}.Menu .resume:hover{background:rgba(253,203,110,.1)}.Menu .hamburger{display:none;animation-delay:.3s!important}.Menu .mobileMenu{height:100vh;width:350px;background:#353959;position:absolute;top:0;right:-350px;transition:all .25s ease-in-out;padding:25px}@media only screen and (max-width:550px){.Menu .mobileMenu{width:315px}}@media only screen and (max-width:400px){.Menu .mobileMenu{width:275px}}.Menu .showMobileMenu{transition:all .4s ease-in-out;right:0}.Menu .showMobileMenu .closeButton{font-size:30px;cursor:pointer;color:#eee;display:block;display:flex;justify-content:flex-end;transition:all .3s ease-in-out}.Menu .showMobileMenu .closeButton:hover{color:#fdcb6e}.Menu .showMobileMenu .mobileHeaders{list-style-type:none;margin-top:7vh}.Menu .showMobileMenu .mobileHeaders li{transition:all .3s ease-in-out;height:15vh;width:70%;margin:auto}.Menu .showMobileMenu .mobileHeaders li a{color:#ccd6f6;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:20px}.Menu .showMobileMenu .mobileHeaders li a span{display:block;margin-bottom:5px;color:#fdcb6e;margin-right:5px;font-weight:700}.Menu .showMobileMenu .mobileHeaders li:hover{transform:translateY(-6px);border-bottom:2px solid #fdcb6e}.Menu .showMobileMenu .mobileResume{border:1px solid #fdcb6e;padding:15px 20px;color:#fdcb6e;border-radius:1px;transition:all .3s ease-in-out;display:flex;justify-content:center;max-width:175px;margin:3vh auto auto}.Menu .showMobileMenu .mobileResume:hover{background:rgba(253,203,110,.1)}@media only screen and (max-width:767px){.Menu .headers,.Menu .resume{display:none}.Menu .hamburger{display:block;background:none;border:none;font-size:25px;color:#fdcb6e;cursor:pointer}}@media only screen and (max-width:550px){.Menu{padding:25px}}.Front{height:calc(100vh - 130px);color:#ccd6f6;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:120px;animation-duration:1.2s!important;animation-delay:1.2s!important}.Front h1{font-weight:400;font-size:40px}.Front .intro{margin-bottom:25px;width:100%}.Front .extra,.Front .intro{max-width:767px;font-weight:400}.Front .extra{margin-top:25px;font-size:33px}.Front .content{position:absolute;overflow:hidden;font-family:"Nunito",sans-serif;font-size:2.3rem;line-height:40px;color:#61d4b3;color:#fdcb6e}@media only screen and (max-width:767px){.Front{animation-duration:1s!important;animation-delay:.6s!important}.Front .intro{font-size:32px}.Front .extra{font-size:27px}.Front .content{font-size:1.9rem}}.Front .content__container{font-weight:600;overflow:hidden;height:40px;padding:0 40px}.Front .content__container:before{content:"[";left:0}.Front .content__container:after,.Front .content__container:before{position:absolute;top:0;color:#61d4b3;font-size:35px;line-height:40px;-webkit-animation-name:opacity;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-name:opacity;animation-duration:2s;animation-iteration-count:infinite}.Front .content__container:after{content:"]";right:0}.Front .content__container__text{display:inline;float:left;margin:0}.Front .content__container__list{margin-top:0;text-align:left;list-style:none;-webkit-animation-name:change;-webkit-animation-duration:10s;-webkit-animation-iteration-count:infinite;animation-name:change;animation-duration:10s;animation-iteration-count:infinite}.Front .content__container__list__item{line-height:40px;margin:0}.Front .wave{animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@media only screen and (max-width:400px){.Front .intro{font-size:27px}.Front .content,.Front .extra{font-size:23px}}@keyframes opacity{0%,to{opacity:0}50%{opacity:1}}@keyframes change{0%,12.66%,to{transform:translateZ(0)}16.66%,29.32%{transform:translate3d(0,-25%,0)}33.32%,45.98%{transform:translate3d(0,-50%,0)}49.98%,62.64%{transform:translate3d(0,-75%,0)}66.64%,79.3%{transform:translate3d(0,-50%,0)}83.3%,95.96%{transform:translate3d(0,-25%,0)}}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.About{flex-wrap:wrap;margin-bottom:110px;animation-duration:1.25s!important;animation-delay:.2s!important}.About,.About .header{display:flex;width:100%}.About .header{color:#fff;align-items:flex-end;max-height:50px}.About .header span{color:#fdcb6e;font-size:25px;margin-right:5px;margin-bottom:2px}.About .header h1{position:relative}.About .header h1:after{content:"";position:absolute;top:50%;left:100%;margin-left:10px;width:300px;height:1px;background:#fdcb6e}@media only screen and (max-width:600px){.About .header h1:after{width:225px}}@media only screen and (max-width:500px){.About .header h1:after{width:100%}}@media only screen and (max-width:350px){.About .header h1:after{width:50px}}@media only screen and (max-width:500px){.About .header span{font-size:22px}.About .header h1{font-size:25px}}.About .detail{width:100%;display:flex;padding:15px 0;margin-top:30px}.About .detail .content{color:#ccd6f6;width:60%;font-size:17.5px;line-height:1.5;font-weight:400}.About .detail .content .line{width:98%;background:#fdcb6e;margin:25px 0;height:1px}.About .detail .content .info a{text-decoration:none;transition:all .3s ease-in-out;color:#fdcb6e}.About .detail .content ul{display:flex;flex-wrap:wrap;justify-content:space-between}.About .detail .content ul li{list-style-type:none;width:50%;padding:5px 0;position:relative}.About .detail .content ul li:before{content:"▹";color:#fdcb6e;top:50%;left:0;margin-right:5px;font-size:18px}@media only screen and (max-width:350px){.About .detail .content{font-size:10px}}.About .detail .imageContainer{width:40%;display:flex;justify-content:center;padding:15px}.About .detail .imageContainer .image{width:100%;max-height:350px;max-width:350px;position:relative;mix-blend-mode:multiply;filter:sepia(70%);filter:grayscale(50%);filter:drop-shadow(7px 7px 14px #fdcb6e)}.About .detail .imageContainer .image:after{content:"";position:absolute;top:13px;left:15px;width:100%;height:100%;z-index:-1;border:2px solid #fdcb6e;border-radius:7px}.About .detail .imageContainer .image img{width:100%;height:100%;border-radius:7px}@media only screen and (max-width:500px){.About .detail .imageContainer{padding:15px 0}}@media only screen and (max-width:350px){.About .detail .imageContainer .image{max-width:250px;max-height:250px}}@media only screen and (max-width:1040px){.About .detail{flex-wrap:wrap}.About .detail .content{width:100%}.About .detail .imageContainer{margin-top:20px;width:100%}}@media only screen and (max-width:550px){.About{margin-bottom:75px}}.Experience{width:100%;max-width:1000px;margin:auto auto 110px;animation-duration:1.25s!important;animation-delay:.2s!important}.Experience .header{width:100%;display:flex;color:#fff;align-items:flex-end;height:175px;margin-bottom:25px}.Experience .header span{color:#fdcb6e;font-size:25px;margin-right:5px;margin-bottom:2px}.Experience .header h1{position:relative}.Experience .header h1:after{content:"";position:absolute;top:50%;left:100%;margin-left:10px;width:300px;height:1px;background:#fdcb6e}@media only screen and (max-width:850px){.Experience .header h1:after{width:225px}}@media only screen and (max-width:650px){.Experience .header h1:after{width:150px}}@media only screen and (max-width:600px){.Experience .header h1:after{width:65px}}@media only screen and (max-width:500px){.Experience .header span{font-size:22px}.Experience .header h1{font-size:25px}}@media only screen and (max-width:350px){.Experience .header span{font-size:18px}.Experience .header h1{font-size:21px}}.Experience .detail{width:100%;height:auto;display:flex;flex-wrap:wrap}.Experience .detail .companies{width:17%;color:#ccd6f6}.Experience .detail .companies li{list-style-type:none;font-size:18px;padding:15px 20px;cursor:pointer;border-left:2px solid rgba(253,203,110,.2);transition:all .3s ease-in-out}.Experience .detail .companies li:hover{background:rgba(253,203,110,.1);color:#fdcb6e}.Experience .detail .companies .chosenCompany{border-left:2px solid #fdcb6e}@media only screen and (max-width:500px){.Experience .detail .companies li{font-size:15.5px}}@media only screen and (max-width:350px){.Experience .detail .companies li{font-size:14.5px}}.Experience .detail .info{width:83%;padding-top:10px;padding-left:25px;color:#ccd6f6}.Experience .detail .info span{color:#fdcb6e;font-style:bold}.Experience .detail .info h2{margin-bottom:5px}.Experience .detail .info h2 span{color:#fdcb6e;font-size:20px}@media only screen and (max-width:500px){.Experience .detail .info h2 span{display:block}}.Experience .detail .info h4{margin-bottom:20px;font-weight:600;color:#fdcb6e}.Experience .detail .info ul li{list-style-type:none;font-size:18px;margin:10px 0;position:relative;padding-left:25px}.Experience .detail .info ul li:before{content:"▹";position:absolute;color:#fdcb6e;left:0;font-size:20px}@media only screen and (max-width:350px){.Experience .detail .info h2{font-size:23px}.Experience .detail .info ul li{font-size:16px}}@media only screen and (max-width:767px){.Experience .detail .companies{width:100%;display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:20px}.Experience .detail .companies li{border-left:none;display:flex;justify-content:center;width:20%;border-bottom:2px solid rgba(253,203,110,.2)}.Experience .detail .companies .chosenCompany{border-left:none;border-bottom:2px solid #fdcb6e}.Experience .detail .info{width:100%;padding-left:0}}@media only screen and (max-width:550px){.Experience{margin-bottom:75px}}.Work{width:100%;min-height:100vh;max-width:1000px;margin:auto auto 110px}.Work .header{width:100%;display:flex;color:#fff;align-items:flex-end;height:175px;margin-bottom:25px}.Work .header span{color:#fdcb6e;font-size:25px;margin-right:5px;margin-bottom:2px}.Work .header h1{position:relative}.Work .header h1:after{content:"";position:absolute;top:50%;left:100%;margin-left:10px;width:300px;height:1px;background:#fdcb6e}@media only screen and (max-width:850px){.Work .header h1:after{width:225px}}@media only screen and (max-width:650px){.Work .header h1:after{width:150px}}@media only screen and (max-width:450px){.Work .header h1:after{width:95px}}@media only screen and (max-width:400px){.Work .header h1:after{width:55px}}@media only screen and (max-width:500px){.Work .header span{font-size:22px}.Work .header h1{font-size:25px}}@media only screen and (max-width:350px){.Work .header span{font-size:18px}.Work .header h1{font-size:21px}}.Work .projectsContainer{margin-top:65px}.Work .projectsContainer .featuredProjects .project1{display:flex;flex-wrap:wrap;width:100%;position:relative;cursor:pointer;margin-bottom:100px;animation-duration:1.25s!important;animation-delay:.2s!important}.Work .projectsContainer .featuredProjects .project1 .image{padding-bottom:35%;width:60%;background-size:cover;background-repeat:no-repeat;background-position:50%;position:relative;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project1 .image .imageOverlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(253,203,110,.5);transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project1 .detail{width:100%;max-width:70%;position:absolute;top:50%;transform:translateY(-50%);right:0;text-align:right;color:#ccd6f6;text-decoration:none;animation-fill-mode:none!important}.Work .projectsContainer .featuredProjects .project1 .detail h4{color:#fdcb6e}.Work .projectsContainer .featuredProjects .project1 .detail h2{font-weight:900;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project1 .detail h2 a{text-decoration:none;color:#ccd6f6;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project1 .detail p{background:#40456a;padding:20px 15px;border-radius:3px;margin:20px 0}.Work .projectsContainer .featuredProjects .project1 .detail ul{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:10px}.Work .projectsContainer .featuredProjects .project1 .detail ul li{list-style-type:none;margin:5px 10px}.Work .projectsContainer .featuredProjects .project1 .detail .links a{color:#ccd6f6;text-decoration:none}.Work .projectsContainer .featuredProjects .project1 .detail .links a i{margin:0 10px;font-size:20px;transition:all .3s ease-in-out;cursor:pointer}.Work .projectsContainer .featuredProjects .project1 .detail .links a:hover{color:#fdcb6e}.Work .projectsContainer .featuredProjects .project1:hover .image{mix-blend-mode:multiply;filter:sepia(70%);filter:grayscale(50%);filter:drop-shadow(3px 3px 7px #fdcb6e)}.Work .projectsContainer .featuredProjects .project1:hover .image .imageOverlay{background:transparent}.Work .projectsContainer .featuredProjects .project1:hover .detail h2{color:#fdcb6e}@media only screen and (max-width:767px){.Work .projectsContainer .featuredProjects .project1 .image{width:100%;padding-bottom:50%;display:none}.Work .projectsContainer .featuredProjects .project1 .image .imageOverlay{background:rgba(64,69,106,.85)}.Work .projectsContainer .featuredProjects .project1 .detail{max-width:100%;height:100%;position:static;top:0;transform:translateY(0)}}@media only screen and (max-width:767px){.Work .projectsContainer .featuredProjects .project1{margin-bottom:0}}.Work .projectsContainer .featuredProjects .project2{display:flex;flex-wrap:wrap;width:100%;position:relative;cursor:pointer;margin-bottom:100px;animation-duration:1.25s!important;animation-delay:.2s!important}.Work .projectsContainer .featuredProjects .project2 .detail{width:100%;max-width:70%;padding:60px 0;text-align:left;color:#ccd6f6;text-decoration:none}.Work .projectsContainer .featuredProjects .project2 .detail h4{color:#fdcb6e}.Work .projectsContainer .featuredProjects .project2 .detail h2{font-weight:900;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project2 .detail h2 a{text-decoration:none;color:#ccd6f6;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project2 .detail p{background:#40456a;padding:20px 15px;border-radius:3px;margin:20px 0}.Work .projectsContainer .featuredProjects .project2 .detail ul{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:10px}.Work .projectsContainer .featuredProjects .project2 .detail ul li{list-style-type:none;margin:5px 10px}.Work .projectsContainer .featuredProjects .project2 .detail .links a{color:#ccd6f6;text-decoration:none}.Work .projectsContainer .featuredProjects .project2 .detail .links a i{margin:0 10px;font-size:20px;transition:all .3s ease-in-out;cursor:pointer}.Work .projectsContainer .featuredProjects .project2 .detail .links a:hover{color:#fdcb6e}.Work .projectsContainer .featuredProjects .project2 .image{padding-bottom:35%;width:60%;background-size:cover;background-repeat:no-repeat;background-position:50%;position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:-1;transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project2 .image .imageOverlay{position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(253,203,110,.5);transition:all .3s ease-in-out}.Work .projectsContainer .featuredProjects .project2:hover .image{mix-blend-mode:multiply;filter:sepia(70%);filter:grayscale(50%);filter:drop-shadow(3px 3px 7px #fdcb6e)}.Work .projectsContainer .featuredProjects .project2:hover .image .imageOverlay{background:transparent}.Work .projectsContainer .featuredProjects .project2:hover .detail h2{color:#fdcb6e}@media only screen and (max-width:767px){.Work .projectsContainer .featuredProjects .project2 .image{width:100%;padding-bottom:50%;display:none}.Work .projectsContainer .featuredProjects .project2 .image .imageOverlay{background:rgba(64,69,106,.85)}.Work .projectsContainer .featuredProjects .project2 .detail{max-width:100%;height:100%;position:static;top:0;transform:translateY(0)}}@media only screen and (max-width:767px){.Work .projectsContainer .featuredProjects .project2{margin-bottom:0}}.Work .projectsContainer .otherProjects{margin-top:200px}.Work .projectsContainer .otherProjects .otherWorks{display:flex;flex-wrap:wrap}.Work .projectsContainer .otherProjects .otherWorks h2{width:100%;color:#eee;margin-bottom:30px;text-align:center}.Work .projectsContainer .otherProjects .otherWorks .otherWork{background:#343854;border-radius:5px;transition:all .2s ease-in-out;text-decoration:none;padding:20px;width:calc(33.3333% - 20px);margin:10px;display:block}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons a{text-decoration:none;color:#fdcb6e}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons .left{font-size:35px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons .left i{color:#fdcb6e}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons .right{font-size:20px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons .right a{color:#ccd6f6;transition:all .3s ease-in-out;margin:0 5px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .topIcons .right a:hover{color:#fdcb6e}.Work .projectsContainer .otherProjects .otherWorks .otherWork .detail{margin-bottom:20px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .detail h3{color:#ccd6f6;color:#fdcb6e;margin-bottom:10px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .detail p{color:#ccd6f6;min-height:140px}.Work .projectsContainer .otherProjects .otherWorks .otherWork .stacks{display:flex;flex-wrap:wrap}.Work .projectsContainer .otherProjects .otherWorks .otherWork .stacks span{color:#fdcb6e;margin-right:10px;font-size:14.5px;opacity:.8;font-weight:600}.Work .projectsContainer .otherProjects .otherWorks .otherWork:hover{transform:scale(1.05)!important;filter:drop-shadow(3px 3px 6px #fdcb6e)}@media only screen and (max-width:1140px){.Work .projectsContainer .otherProjects .otherWorks .otherWork{width:calc(50% - 20px)}}@media only screen and (max-width:850px){.Work .projectsContainer .otherProjects .otherWorks .otherWork{width:calc(100% - 20px)}.Work .projectsContainer .otherProjects .otherWorks .otherWork .detail p{min-height:50px}}.Work .projectsContainer .otherProjects .otherWorks .showMoreBtn{background:none;border:1px solid #fdcb6e;border-radius:3px;padding:16px 28px;color:#fdcb6e;font-size:16px;display:block;margin:65px auto auto;cursor:pointer;transition:all .3s ease-in-out}.Work .projectsContainer .otherProjects .otherWorks .showMoreBtn:hover{background:rgba(253,203,110,.1)}.Work .projectsContainer .otherProjects .otherWorks .showMoreBtn:focus{outline:none}.Contact{max-width:1000px;min-height:65vh;flex-direction:column;align-items:center;margin:auto auto 175px}.Contact,.Contact .header{display:flex;justify-content:center}.Contact .header{width:100%;color:#fff;align-items:flex-end}.Contact .header span{color:#fdcb6e;font-size:25px;margin-right:5px;margin-bottom:2px}.Contact .content{text-align:center}.Contact .content h1{color:#fdcb6e;font-size:45px;margin-bottom:10px}.Contact .content p{color:#ccd6f6;max-width:650px;margin:auto;font-size:18px;opacity:.8}.Contact .contactBtn{background:none;border:1px solid #fdcb6e;color:#fdcb6e;padding:15px 25px;font-size:18px;margin-top:35px;transition:all .3s ease-in-out;cursor:pointer}.Contact .contactBtn:hover{background:rgba(253,203,110,.1)}.Contact .contactBtn:focus{outline:none}.Footer{text-align:center;color:#ccd6f6;margin:25px 10px}.InfoSidebar{position:fixed;left:45px;width:45px;bottom:0;height:300px;display:flex;align-items:center;flex-direction:column;animation-duration:1s!important;animation-delay:1.5s!important}.InfoSidebar a i{transition:all .3s ease-in-out;color:#ccd6f6;font-size:22px;margin:11px}.InfoSidebar a i:hover{color:#fdcb6e;transform:scale(1.25)}.InfoSidebar .line{width:1px;height:100%;background:#ccd6f6}.EmailSidebar{position:fixed;right:45px;bottom:0;height:300px;display:flex;align-items:center;flex-direction:column;animation-duration:1s!important;animation-delay:1.8s!important}.EmailSidebar .email{writing-mode:vertical-rl;color:#ccd6f6;font-size:18px;margin-bottom:15px;text-decoration:none;transition:all .3s ease-in-out}.EmailSidebar .email:hover{color:#fdcb6e}.EmailSidebar .line{width:1px;height:100%;background:#ccd6f6}@media only screen and (max-width:767px){.EmailSidebar,.InfoSidebar{display:none}}
/*# sourceMappingURL=main.64f0c44f.chunk.css.map */