nav{width:100%;height:70px;position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center}nav.active{background-color:#293940}nav .nav-container{max-width:1000px;width:100%;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}nav .nav-container .nav-logo{font-size:2.2rem;cursor:pointer;color:#fff}nav .nav-container .nav-menu{display:flex}nav .nav-container .nav-menu .nav-item .nav-link{font-size:1rem;color:#ecfffd;font-weight:350;padding:.25rem 1rem;position:relative;cursor:pointer}nav .nav-container .nav-menu .nav-item .nav-link.active{color:#00f7ff;font-weight:400}nav .nav-container .nav-menu .nav-item .nav-link.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;transition:all .25s ease-in-out;border-radius:5px;z-index:-1}@media screen and (max-width:768px){nav .nav-container .nav-menu{display:none}}nav .nav-container .nav-open{font-size:2.2rem;cursor:pointer;color:#fff;display:none}nav .nav-container .nav-open svg{vertical-align:middle}@media screen and (max-width:768px){nav .nav-container .nav-open{display:flex}}.nav-bg{display:none}.nav-bg.active{min-height:100vh;min-width:100%;position:fixed;z-index:100;top:0;left:0;bottom:0;right:0;background-color:#131413;display:flex;align-items:center}.nav-bg .nav-close{position:absolute;font-size:3rem;color:#fff;top:2rem;right:2.5rem;cursor:pointer}.nav-bg .nav-toggle{display:grid;grid-template-columns:30% 70%;max-width:1000px;margin:0 auto;width:100%;height:100%}@media screen and (max-width:768px){.nav-bg .nav-toggle{grid-template-columns:1fr}.nav-bg .nav-toggle .nav-img{display:none}}.nav-bg .nav-toggle .nav-control{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.nav-bg .nav-toggle .nav-control .header{color:grey;font-size:2.5rem;margin-bottom:3rem}.nav-bg .nav-toggle .nav-control .nav-menu{text-align:center;width:100%}.nav-bg .nav-toggle .nav-control .nav-menu .nav-item{margin-bottom:1rem;display:flex}.nav-bg .nav-toggle .nav-control .nav-menu .nav-item .nav-link{font-size:2.2rem;font-weight:lighter;line-height:1.6;width:100%;transition:all .2s ease-in-out;cursor:pointer}.nav-bg .nav-toggle .nav-control .nav-menu .nav-item .nav-link:hover{color:#c56868}.nav-bg .nav-toggle .nav-control .nav-menu .nav-item .nav-link span{font-size:14px;margin-right:1.1rem;line-height:100%;color:grey;border-bottom:1px solid grey}#hero{height:600px;color:#f0fff0;align-items:center}#hero .hero-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.2rem;text-align:center;height:500px}#hero .hero-item .typist{width:100%}#hero .hero-item .typist .header{font-size:3.5em;margin-bottom:2rem;letter-spacing:2px}#hero .hero-item .resume-btn{color:hsla(0,0%,100%,.659);border:1px solid hsla(0,0%,86.7%,.952);background-color:transparent;padding:.7rem 2rem;font-size:16px;transition:all .2s ease-in-out}#hero .hero-item .resume-btn:hover{-webkit-filter:brightness(1.5);filter:brightness(1.5);border:1px solid rgba(0,255,234,.904);color:#0ff}#about{display:grid;grid-template-columns:30% 60%;grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;padding:2rem 3rem}#about .about-img img{height:100%;object-fit:cover}#about .about-info{height:100%;padding:3rem;position:relative;justify-content:center}#about .about-info .info-text-bold{font-size:10em;color:hsla(0,0%,39.2%,.1);position:absolute;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}#about .about-info .info-text{color:#fff;font-weight:lighter;margin-top:4rem;font-size:25px}#about .about-info .social .social-text{font-weight:300;color:#d9d9d9;margin-top:5rem}#about .about-info .social .social-group{display:flex;grid-gap:1rem;gap:1rem;align-items:center;margin:1rem 0}#about .about-info .social .social-group .social-item{height:60px;width:60px;border-radius:50%;background:hsla(0,0%,100%,.05);display:flex;align-items:center;justify-content:center}#about .about-info .social .social-group .social-item .social-link{font-size:2rem;color:#2ccce4;margin:auto;display:flex;align-items:center;justify-content:center;height:100%;width:100%}#about .about-info .contact-group .contact-text{color:#d9d9d9;font-size:1.5rem;margin-top:3rem;margin-bottom:1rem}#about .about-info .contact-group p{color:#b9b9b9;font-size:1.1rem;margin-bottom:1rem}#about .about-info .contact-group p a{color:#2ccce4}@media screen and (max-width:972px){#about{padding:2rem 1rem}#about .about-img{height:auto;max-width:500px;padding:0 1rem;margin:1rem auto 0}#about .about-info{padding:1rem}#about .about-info .info-text-bold{font-size:5em}}@media screen and (max-width:768px){#about{grid-column-gap:0;-webkit-column-gap:0;column-gap:0;display:block;grid-template-columns:1fr;overflow-x:hidden}#about .about-img{height:auto;max-width:500px;margin-top:1rem}#about .about-info .info-text-bold{font-size:5em}}#contact{text-align:center;padding:1rem 0}#contact .contact-header{font-size:3em;color:#bebebe;font-weight:lighter;text-align:center;margin-bottom:3rem}#contact .form-wrapper{margin:3rem auto;max-width:800px}#contact .form-wrapper .contact-form{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem 2rem}#contact .form-wrapper .contact-form .form-control{width:100%;background:transparent;margin-bottom:2rem;padding:.6rem 1rem;font-size:18px;color:hsla(0,0%,100%,.527);border:1px solid hsla(0,0%,86.7%,.952);transition:all .2s ease;font-family:"Poppins",sans-serif}#contact .form-wrapper .contact-form .form-control:focus{border:1px solid rgba(0,255,234,.904)}#contact .form-wrapper .contact-form #message{font-family:"Poppins",sans-serif}#contact .form-wrapper .contact-form .btn-send{color:hsla(0,0%,100%,.659);border:1px solid hsla(0,0%,86.7%,.952);background-color:transparent;padding:.7rem 2rem;font-size:18px;align-self:flex-end;cursor:pointer;-webkit-filter:brightness(1);filter:brightness(1);transition:all .2s ease-in-out;display:flex;align-items:center}#contact .form-wrapper .contact-form .btn-send svg{margin-left:1rem}#contact .form-wrapper .contact-form .btn-send:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2);border:1px solid rgba(0,255,234,.904)}@media screen and (max-width:600px){#contact .form-wrapper .contact-form .btn-send{width:100%;justify-content:center;padding:.7rem 1rem}}#tech{padding:3rem 1rem}#tech .tech-wrapper{margin:0 auto;text-align:center}#tech .tech-wrapper .tech-header{font-size:3em;color:#bebebe;font-weight:lighter;text-align:center;margin-bottom:3rem}#tech .tech-wrapper .tech-box{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}#tech .tech-wrapper .tech-box .tech-card{display:flex;flex-direction:column;max-width:300px;margin:0 auto 2rem}#tech .tech-wrapper .tech-box .tech-card .frontend{font-size:3rem;color:rgba(204,207,255,.7);animation:frontend 3s linear infinite alternate}@keyframes frontend{0%{transform:translateY(-10%)}50%{transform:translateY(0)}to{transform:translateY(10%)}}#tech .tech-wrapper .tech-box .tech-card .frontend svg{vertical-align:middle}#tech .tech-wrapper .tech-box .tech-card .backend{font-size:3rem;color:rgba(201,204,255,.7);animation:backend 3s linear infinite alternate-reverse}@keyframes backend{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#tech .tech-wrapper .tech-box .tech-card .backend svg{vertical-align:middle}#tech .tech-wrapper .tech-box .tech-card .card-header{font-size:22px;font-weight:lighter;color:grey;margin-bottom:1.2rem}#tech .tech-wrapper .tech-box .tech-card .card-text{font-size:18px;color:grey}#tech .tech-wrapper .tech-box .tech-card .card-text:hover{color:#968f8f}@media screen and (max-width:500px){#tech .tech-wrapper .tech-box{grid-template-columns:1fr}}#tech .tech-wrapper .tech-item{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;padding:2rem;margin:0 auto}#tech .tech-wrapper .tech-item .tech-icon{font-size:4rem;color:rgba(34,39,135,.7);color:rgba(201,204,255,.7)}#tech .tech-wrapper .tech-item .tech-icon-text{color:grey;font-weight:lighter;font-size:2rem}#project{margin:6rem 0;padding:0 1rem}#project .project-wrap{margin:0 auto;min-height:600px;transition:all .3s ease-in-out}#project .project-wrap .project-header{font-size:3em;color:#bebebe;text-align:center;font-weight:lighter;margin-bottom:3rem}#project .project-wrap .project-group{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2.5rem;gap:2.5rem;overflow:hidden}#project .project-wrap .project-group .project-item-wrap{display:flex;flex-direction:column;border:1px solid hsla(0,0%,100%,.3411764705882353);position:relative;transition:all .2s ease-in-out;box-shadow:0 0 5px hsla(0,0%,100%,.829);background-color:#121212}#project .project-wrap .project-group .project-item-wrap .project-img{height:300px;position:relative}#project .project-wrap .project-group .project-item-wrap .project-img img{width:100%;height:100%;object-fit:cover}#project .project-wrap .project-group .project-item-wrap:hover{box-shadow:0 0 10px rgba(33,33,39,.7);transform:translateY(-2%)}#project .project-wrap .project-group .project-item-wrap .project-control{display:grid;grid-template-columns:repeat(2,1fr)}#project .project-wrap .project-group .project-item-wrap .project-control .btn-project{display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;font-weight:lighter;font-size:20px;color:hsla(0,0%,97.3%,.7);background:transparent;transition:all .3s ease-in-out;cursor:pointer}#project .project-wrap .project-group .project-item-wrap .project-control .btn-project svg{margin-right:.5rem}#project .project-wrap .project-group .project-item-wrap .project-control .btn-project:hover{color:rgba(0,0,0,.9921568627450981);background-color:#79cfd2}@media screen and (max-width:900px){#project .project-wrap .project-group{grid-template-columns:repeat(2,1fr);overflow-x:hidden}}@media screen and (max-width:550px){#project .project-wrap .project-group{grid-template-columns:1fr;overflow-x:hidden}}.footer-container{padding:1rem;text-align:center;font-size:1rem;color:grey}.footer-container span{font-weight:500;color:#fff}.footer-container svg{vertical-align:middle;margin:0 .3rem;animation:footer 4s linear infinite alternate}@keyframes footer{0%{transform:translateY(-5px)}to{transform:translateY(5px)}}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#67b8bb;border-radius:12px}::-webkit-scrollbar-thumb:hover{background:#8df0de;border-radius:12px}.App{text-align:center;background:#121212;display:flex;justify-content:center;align-items:center;height:100vh}.App,img{width:100%}img{object-fit:cover}button:focus,input:focus,textarea:focus{outline:none}ul{list-style:none}a{text-decoration:none;color:#fff}body{font-family:"Poppins",sans-serif;background:#121212}.main{overflow:hidden}.main,.particle{margin:0 auto;max-width:1100px;width:100%}.slick-slide{outline:none}.particles-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100}.particles-canvas,.particles-wrapper{min-width:100vw;min-height:100vh}.scroll-top{top:100%;left:100%;transform:translate(-120%,-120%);height:60px;width:60px;border:2px solid #d6d4d4;border-radius:50%;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.popup,.scroll-top{position:fixed;display:flex}.popup{color:#000;background:#d4d4d4;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:.5rem;font-size:1rem;top:100px;right:20px}.popup span{display:flex;color:#fff;position:absolute;top:0;left:100%;transform:translate(-50%,-50%);background-color:#fff;border-radius:50%;padding:.5rem;cursor:pointer}
/*# sourceMappingURL=main.8b690692.chunk.css.map */