@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla&display=swap);#root,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:rgba(241,153,3,.85)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{height:100%;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.nav{z-index:100;width:100%;position:fixed}.navSmallNav{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.container-bar{right:10px;display:inline-block;cursor:pointer;padding:10px;margin-right:5%;border:1px solid #004744;z-index:100;transition:.3s}.container-bar.change{border:1px solid hsla(0,0%,100%,.3)}.bar1,.bar2,.bar3{width:35px;height:3px;background-color:#004744;margin:7px 0;transition:.4s}.container-bar:hover{border:1px solid rgba(0,71,68,.7);-webkit-transform:scale(1.03);transform:scale(1.03);-webkit-transform-origin:bottom;transform-origin:bottom}.change .bar1{-webkit-transform:rotate(-45deg) translate(-9px,6px);transform:rotate(-45deg) translate(-9px,6px);background-color:#f0fffe}.change .bar2{opacity:0;background-color:#f0fffe}.change .bar3{-webkit-transform:rotate(45deg) translate(-8px,-8px);transform:rotate(45deg) translate(-8px,-8px);background-color:#f0fffe}.aboutStyle .navSmallNav h1{color:#f0fffe}.aboutStyle .navSmallNav .bar1,.aboutStyle .navSmallNav .bar2,.aboutStyle .navSmallNav .bar3{background-color:#f0fffe}.aboutStyle .container-bar{border:1px solid hsla(0,0%,100%,.3)}.navSmallNav h1{font-size:40px;color:#004744;margin-left:25px;text-decoration:none;transition:.3s;font-family:"Montserrat",sans-serif}.navSmallNav h1:hover{-webkit-transform:scale(1.06);transform:scale(1.06);-webkit-transform-origin:bottom;transform-origin:bottom}.small-nav-ul{margin:0;padding:0;display:flex;justify-content:center;flex-direction:column;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;height:100%;background-color:rgba(0,71,68,.85)}.small-nav-ul li{width:190px;display:inline-block;font-size:50px;font-family:"Karla",sans-serif;font-weight:bolder;margin-bottom:100px;margin-left:0;padding:0;text-align:left}.small-nav-ul li a:hover{color:#f2fffe}.small-nav-ul li a{color:#91a09f;text-decoration:none}.displayNone-ul{display:none}.nav-number{font-family:"Montserrat",sans-serif;font-size:14px;font-weight:700;letter-spacing:1.5px;color:#15c5bc}.background{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-evenly;z-index:-1}.background div{border-right:1px solid #f7cc81;z-index:-1}.home-div{display:flex;justify-content:center;align-items:center;width:100vw;height:100%;-webkit-perspective:40em;perspective:40em;flex-direction:column;margin:0}.home-intro{color:#fff;font-size:40px;font-family:"Karla",sans-serif;width:50%;position:relative;padding-top:50px;padding-bottom:50px}.project-img h1:after{content:"WORK";margin:0}.project-img h1:hover:after{content:"Work"}h1{color:#004744;font-family:-apple-system,BlinkMacSystemFont;font-size:20px}.flex{text-align:center;display:flex;align-items:center;justify-content:space-between}.home-button{font-family:"Montserrat",sans-serif;font-size:15px;font-weight:700;border:1px solid #004744;padding:15px;cursor:pointer;letter-spacing:1.3px;color:#004744}.home-button:hover{color:#fff!important;background:#004744;border-color:#004744!important;transition:all .4s ease 0s}.aboutStyle p{color:#f0fffe}.email{position:absolute;bottom:.9%;left:4%;color:#004744;font-family:"Montserrat",sans-serif;font-size:14px;font-weight:600;display:flex;align-items:center}.email img{margin-right:20px;cursor:pointer;transition:.3s}.email img:hover{-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-transform-origin:bottom;transform-origin:bottom}.project-img{cursor:pointer;position:absolute;bottom:.5%;right:4%;color:#004744;font-family:"Montserrat",sans-serif;display:flex;align-items:center}.project-img img{width:120px;height:auto}*{box-sizing:border-box}.projects-background{z-index:-2}.projects,.projects-background{position:absolute;top:0;left:0;width:100%}.project,.projects{height:100%}.project-numbers{text-align:center;position:fixed;top:20%;left:4%;height:60%;display:flex;flex-direction:column;justify-content:space-evenly}.project-number{color:rgba(255,200,97,.6);font-size:60px;font-weight:700}.project-number:hover,.project-numbers .active{color:rgba(0,71,68,.9)}.project-number:hover{cursor:pointer}.project div{background-color:red;height:100px}.project-2nd{height:100%;position:relative;top:0;left:0}.background-project{height:100%}.bgresize{display:none}.content-project{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.content-image{width:90%;height:480px;background-size:cover;background-repeat:no-repeat;position:relative;box-shadow:0 0 34px -10px #212121;max-width:850px;max-height:500px}.content-image-resize{display:none}.content-text{width:370px;height:270px;background-color:#fff;position:absolute;top:58%;left:58%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;border-top:3px solid #f3a828;border-left:3px solid #f3a828}.content-text a{text-decoration:none}.content-text-resize{display:none}.website{font-family:"Montserrat",sans-serif;font-size:13px;font-weight:700;letter-spacing:1.3px;color:#e99300}.website-title p{font-size:38px;font-family:"Karla",sans-serif;margin:0}.website-title-tools{margin:0;font-size:13px}.website-button,.website-title-tools{font-family:"Montserrat",sans-serif;color:#007973}.website-button{font-size:12px;font-weight:700;border:1px solid #007973;padding:15px;margin:10px;cursor:pointer;letter-spacing:1.3px;display:inline-block;text-align:center}.website-button:hover{color:#fff!important;background:#007973;border-color:#007973!important;transition:all .4s ease 0s}.img-mask{width:100vw;top:0;left:0}.bg-image,.img-mask{position:absolute;height:100%;z-index:-2}.bg-image{background-position:50%;background-repeat:no-repeat;width:100%}.bg-text{background-color:#000;background-color:rgba(0,0,0,.4);color:#fff;font-weight:700;font-size:80px;border:10px solid #f1f1f1;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:300px;padding:20px;text-align:center}@media (max-width:780px){.bg-image,.content-image,.content-text,.img-mask,.project-numbers{display:none}.projects{margin-top:145px;margin-bottom:15%}.project-2nd{height:auto;position:relative;top:0;left:0;margin:0}.content-project{width:100%;height:100%;position:relative;margin:0;flex-direction:column}.content-image-resize{display:block;width:90%;padding-top:30%;height:auto;background-size:contain;background-repeat:no-repeat;position:relative;cursor:pointer;box-shadow:0 0 35px -16px transparent}.content-text-resize{display:block;font-family:"Montserrat",sans-serif;font-size:12px;font-weight:600;padding-bottom:20px;padding-top:5px;letter-spacing:1.3px;color:#004744;margin:0}.project-2nd .background,.projects .email-container{display:none}.App .background{position:fixed}.navSmallNav{display:flex;justify-content:space-between;align-items:center;margin-top:0}}@media (min-width:320px) and (max-width:480px){.content-image-resize{display:block;width:100%;padding-top:34%}.email img{width:22;height:22}.email{font-size:13px}.home-intro{width:90%;font-size:30px}}.about{background-color:rgba(0,71,68,.85);width:100%;height:100%;z-index:-100}.text-intro{padding:2%}.text-intro p{color:#fff;font-size:21px;font-weight:400;line-height:1.5;margin:2% 0 0 47%}.text-intro h1,.text-intro p{font-family:"Karla",sans-serif;width:50%;flex-shrink:2;text-align:left}.text-intro h1{color:#f19903;font-size:38px;margin:0 0 0 47%;font-weight:bolder;padding:0}.photo{background-image:url(/images/photo.jpg);width:44%;height:100%;background-size:cover;background-repeat:no-repeat;z-index:-200;position:fixed;top:0;left:0;margin:0;background-position:50%}.intro{display:flex;justify-content:center;align-items:center;width:100vw;height:100%}@media (max-width:670px){.photo{width:100%}.text-intro p{color:#fff;font-size:16px;width:100%;height:60vh;padding:4%}.text-intro h1,.text-intro p{font-family:"Karla",sans-serif;margin:0}.text-intro h1{color:#f19903;font-size:38px;width:50%;padding-left:4%}}
/*# sourceMappingURL=main.92cf1ce2.chunk.css.map */