body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{font-family:"Abel",sans-serif;scroll-behavior:smooth;scroll-margin-top:30px;box-sizing:border-box}*,body{margin:0}body{background-size:400% 400%;text-decoration:none}.App{height:100%;width:100%;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.App section{scroll-snap-align:start;flex:none;min-height:100vh;flex-direction:column;padding:100px}.App section,.port-wrap-horizontal,.port-wrap-vertical{display:flex;align-items:center;justify-content:space-evenly}.port-wrap-horizontal,.port-wrap-vertical{width:70%;height:85%;transition:.5s ease-in-out}.port-wrap-horizontal{flex-direction:row}.port-wrap-vertical{flex-direction:column}.text{font-size:clamp(1.5em,4vw,5em);font-weight:lighter;transition:.2s ease-in-out}@media (max-width:900px){.port-wrap-horizontal{flex-direction:column}body{background:#fff;animation:none}.sub-container{scroll-snap-align:none;display:flex;align-items:center;flex-direction:column;height:120vh}.button-scroll{display:none}}.homepage__img{-webkit-filter:blur(1px);filter:blur(1px);height:clamp(150px,30vw,200px);transition:.5s ease-in-out}.homepage__wrap:hover>.homepage__img{-webkit-filter:blur(0);filter:blur(0)}@media only screen and (max-width:900px){.homepage{padding:0!important}.homepage__text{margin-top:1em}}.header{top:0;position:fixed;width:100%;display:flex;justify-content:center;margin:0 auto;background-color:hsla(0,0%,100%,.8);z-index:9}.header__container{width:80%;display:flex;justify-content:space-between;padding:1em;z-index:10}.header__label{font-size:20px;display:flex;align-items:center}.header ul{list-style:none;text-align:center;display:flex;flex-direction:row;transition:.5s ease-in-out}.header ul li{margin:10px;display:inline}.header ul li a{text-decoration:none;color:grey;font-size:20px;font-weight:500;transition:.5s ease-in-out}.header ul li a:hover{color:#000}.header__hamburger{display:none;height:50px;width:50px;justify-content:center;align-items:center;position:relative}.header__hamburger__content,.header__hamburger__content:after,.header__hamburger__content:before{height:2px;width:30px;background:#000;position:relative;transition:.5s ease-in-out}.header__hamburger__content:after,.header__hamburger__content:before{content:"";position:absolute;left:0}.header__hamburger__content:before{top:10px}.header__hamburger__content:after{top:-10px}.header__hamburger .active{background-color:transparent}.header__hamburger .active:after{transform:rotate(45deg);top:0}.header__hamburger .active:before{transform:rotate(-45deg);top:0}.header__canvas{background-color:rgba(0,0,0,.6);opacity:0;width:200%;height:200%;position:fixed;inset:0;display:none;transition:.5s ease-in-out}@media only screen and (max-width:900px){.header__container{width:100%;padding:0}.header ul{flex-direction:column;position:absolute;top:60px;opacity:0;padding-left:0;transition:.5s ease-in-out}.header ul li{text-align:left}.header ul:active{opacity:1;visibility:visible}.header__label{display:none!important}.header__hamburger{display:flex;justify-content:center;align-items:center}.header__canvas{display:block}}.section-project .text-2{color:#fff;margin:50px}.section-project .projects-line{position:fixed;height:100%;width:2px;background:linear-gradient(#fff,#000);top:30%;left:50%;transform:translateX(-50%)}.section-project .projects-line-dark{position:absolute;height:1650px;width:2px;background:linear-gradient(#000,#fff);top:30%;left:50%;transform:translateX(-50%)}.section-project .projects{max-width:90vw;flex:1 1 100%;display:flex;justify-content:center}.section-project .projects li,.section-project .projects ul{list-style:none;padding:0}.section-project .projects .card{position:relative;padding:25px;height:400px;width:600px}.section-project .projects .card:hover>.card-link{opacity:1}.section-project .projects .card-list{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.section-project .projects .card-link{color:#fff;height:50px;width:calc(100% - 50px);display:flex;justify-content:center;background-color:hsla(0,0%,100%,.5);align-items:center;position:absolute;bottom:25px;opacity:0;font-size:30px;transition:.5s ease-in-out;border-bottom-left-radius:25px;border-bottom-right-radius:25px}.section-project .projects .card-link a{margin:0 50px;color:#000;opacity:.5;transition:.5s ease-in-out}.section-project .projects .card-link a:hover{opacity:1}.section-project .projects .card-content-container{width:100%;height:100%;position:relative;display:block;pointer-events:none}.section-project .projects .card-content-container.open{top:0;left:0;right:0;position:fixed;z-index:99;overflow:hidden;padding:40px 0;display:flex;justify-content:center;align-items:center}.section-project .projects .card-content{pointer-events:auto;position:relative;border-radius:20px;background:#1c1c1e;overflow:hidden;width:100%;height:100%;margin:0 auto}.section-project .projects .open .card-content{height:auto;max-width:700px;overflow:hidden;pointer-events:none}.section-project .projects .card-open-link{position:absolute;top:0;left:0;right:0;bottom:0}.section-project .projects .card-image-container{position:absolute;top:0;left:0;overflow:hidden;height:420px;width:100vw}.section-project .projects .open .card-image-container,.section-project .projects .open .title-container{z-index:1}.section-project .projects .title-container{position:absolute;top:15px;left:15px;max-width:300px}.section-project .projects .open .title-container{top:30px;left:30px}.section-project .projects h2{color:#fff;margin:8px 0}.section-project .projects .category{color:#fff;font-size:14px;text-transform:uppercase}.section-project .projects .overlay{z-index:10;position:fixed;background:rgba(0,0,0,.8);will-change:opacity;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%}.section-project .projects .overlay a{display:block;position:fixed;top:0;bottom:0;width:100vw;left:50%;z-index:1;transform:translateX(-50%)}.section-project .projects .content-container{padding:460px 35px 35px;max-width:700px;width:90vw;color:#fff}@media only screen and (max-width:900px){.section-project{padding:50px 0 0!important}.section-project .projects-line,.section-project .projects-line-dark{display:none!important}.section-project .projects{flex-direction:column}.section-project .projects .card{left:0!important}.section-project .projects .card-image{height:300px}.section-project .projects .card-content{max-width:300px!important}.section-project .projects .card-link{opacity:1}.section-project .projects .content-container{padding-top:350px}.section-project .projects .content-container p{width:90%}.section-project .text-2{display:none!important}}.progress-bar{height:5px;background:#000;margin-top:20px}form{text-align:center;z-index:99;margin:20px}form input[id=image-upload]{display:none}form label[for=image-upload]{cursor:pointer}.lifepage__img,.lifepage__text{position:absolute}.lifepage__text{z-index:10}.lifepage__img{height:clamp(150px,20vw,600px);transition:.2s ease-in-out;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.lifepage__wrap:hover .lifepage__img{-webkit-filter:grayscale(0);filter:grayscale(0)}.lifepage__wrap:hover .lifepage__text{-webkit-filter:drop-shadow(5px 5px red);filter:drop-shadow(5px 5px red)}.lifepage__special{justify-content:flex-start!important}.lifepage__special__wrap{display:flex;align-items:center;justify-content:center;position:absolute}.lifepage__special__img,.lifepage__special__text{position:absolute;text-align:center}.lifepage__special__text{z-index:10}.lifepage__special__img{height:clamp(150px,20vw,600px)}.lifepage__btn__wrap{position:absolute;bottom:10%}.lifepage__btn__wrap .lifepage__btn{height:5em;width:5em;background-color:#e0ffff;border-radius:50%;outline:none;border:none;cursor:pointer}@media only screen and (max-width:900px){.lifepage__special{padding:0}.lifepage__special__text{-webkit-filter:drop-shadow(0 0 5px red);filter:drop-shadow(0 0 5px red)}.lifepage__special__img{-webkit-filter:grayscale(0);filter:grayscale(0)}.lifepage__special__text__after{margin-top:50px}.lifepage__pic__grid{width:300px!important}.lifepage__pic__wrap{height:200px!important}}.lifepage__pic__grid{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;width:90%}.lifepage__pic__grid .lifepage__pic__wrap{height:300px;width:300px;opacity:.9;overflow:hidden;margin:50px;background-size:cover}.socialpage__input{font-size:clamp(30px,5vw,100px);outline:none;border:none;text-align:center}.socialpage__input:focus{outline:none}.socialpage__icon__wrap{position:absolute;display:flex;top:70%;flex-direction:row;justify-content:center;align-items:center}.socialpage__icon{font-size:clamp(8px,5vw,2em);opacity:0;transition:.5s ease-in-out;margin:1em}@media only screen and (max-width:900px){.socialpage__icon{margin:.5em}}
/*# sourceMappingURL=main.0281c1db.chunk.css.map */