@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&family=Raleway:wght@300;400;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#050e1a;color:#ccd6f6;font-family:Open Sans,sans-serif;overflow:hidden}a{display:inline-block;text-decoration:none}ul li{list-style:none}span{display:inline-block}.Parent-wrapper,.Parent-wrapper a{color:#333}.dark-mode{background:#050e1a;color:#f4f4f4;color:#ccd6f6}a{color:#f4f4f4}.Header-wrapper .aboutme h1{color:#f5f5f5}.Header-wrapper .aboutme h1 span{color:#f4f4f4}.aboutme-container p{color:#afafbf;color:#8892b0}.aboutme-container p span{color:#f4f4f4;color:#ccd6f6}ul li{color:#8892b0}footer{color:#afafbf}.Navbar{align-items:center;display:flex;height:6vh;justify-content:flex-end;left:0;padding:0 2rem;position:fixed;right:0;top:0;transition:all .5s ease;z-index:100}@media(max-width:500px){.Navbar{height:9vh}}@media(max-width:320px){.Navbar{height:10vh}}.Navbar .darkmode{align-items:center;display:flex}.Navbar .darkmode .day-icon{font-size:1.1rem;padding-top:.4rem}.Navbar .nav-links a{color:#ccd6f6;cursor:pointer;font-size:.9rem;font-weight:300;margin-right:2rem;text-transform:capitalize;transition:color .5s ease}.Navbar .nav-links a:last-child{margin:0}.Navbar .nav-links a:hover{color:#64ffda}.Navbar .nav-links a span{color:#64ffda;margin-right:.5rem}@media(max-width:800px){.Navbar .nav-links{display:none}}.wrapper{height:100vh}@media(max-width:600px){.wrapper{height:60vh}}@media(max-width:414px){.wrapper{height:95vh}}@media(max-width:375px){.wrapper{height:95vh}}.wrapper .goup{bottom:1rem;cursor:pointer;display:none;font-size:1.8rem;position:fixed;right:1rem;z-index:10000}@media(max-width:600px){.wrapper .goup{font-size:1.5rem}}.wrapper .showHand{display:block}.Header{align-items:center;display:flex;height:100%;margin:0 auto;max-width:950px}@media(max-width:1600px){.Header{max-width:1000px}}@media(max-width:1100px){.Header{max-width:800px}}@media(max-width:1000px){.Header{max-width:700px;padding:0 1rem}}@media(max-width:414px){.Header{margin:0 auto 4rem}}@media(max-width:375px){.Header{margin:0 auto 3rem}}@media(max-width:320px){.Header{margin:0 auto}}.Header .Header-wrapper{letter-spacing:1px;width:100%}@media(max-width:1600px){.Header .Header-wrapper{padding:0 2rem}}.Header .Header-wrapper .say-hi{color:#64ffda;font-weight:300;margin-bottom:1rem}@media(max-width:500px){.Header .Header-wrapper .say-hi{font-size:.9rem;margin-bottom:0}}.Header .Header-wrapper .aboutme h1:first-child{color:#ccd6f6}.Header .Header-wrapper .aboutme .what-ido{color:#afafbf;color:#8892b0}.Header h1{font-size:4rem;font-weight:lighter;font-weight:700}@media(max-width:1000px){.Header h1{font-size:2.5rem;margin:1.5rem auto}}@media(max-width:414px){.Header h1{margin-bottom:2rem}}@media(max-width:375px){.Header h1{margin-bottom:3rem}}@media(max-width:500px){.Header h1{font-size:1.6rem}}@media(max-width:320px){.Header h1{font-size:1.4rem;margin:1rem auto}}.Header h1 .name{font-weight:700;text-transform:capitalize}.Header .about-description{color:#8892b0;font-weight:300;line-height:1.5;margin:1.5rem 0 2.5rem;max-width:450px}@media(max-width:500px){.Header .about-description{font-size:.9rem;margin:1rem 0 2rem;max-width:300px}}.Header .email-me{font-weight:300}@media(max-width:1000px){.Header .email-me{font-size:1.1rem;font-size:.9rem}}.Header .email-me a{border:1px solid #64ffda;border-radius:3px;color:#64ffda;padding:.7rem 1.5rem;transition:background .4s ease}.Header .email-me a:hover{background:rgba(100,255,218,.1)}@media(max-width:500px){.Header .email-me a{font-size:.8rem;padding:.5rem 1.3rem}}.Header .email-me p span{border-bottom:2px solid #3f62c4;cursor:pointer;margin-left:1rem}@media(max-width:1000px){.Header .email-me p span{margin-left:.5rem}}.black{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.black,.global-blur{box-shadow:0 2px 15px 0 rgba(0,0,0,.3)}.global-blur{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.MobileNavbar{background:#060606;background:#172a45;height:100vh;position:fixed;right:0;top:0;-webkit-transform:translate(600px);transform:translate(600px);transition:all .5s ease;width:280px;z-index:100}@media(max-width:500px){.MobileNavbar{height:100%;width:100%}}.MobileNavbar.show{-webkit-transform:translate(0);transform:translate(0)}.MobileNavbar nav{display:flex;flex-direction:column;justify-content:center;margin-top:12rem}.MobileNavbar nav a{color:#f4f4f4;cursor:pointer;display:block;font-weight:300;margin:0 auto 2rem;padding:.3rem 1.3rem;text-align:center;transition:color .5s ease;width:100%}.MobileNavbar nav a:hover{color:#64ffda}.MobileNavbar nav a span{color:#64ffda;display:block;font-size:.9rem;margin-bottom:.3rem}.MobileNavbar nav .FormModal{display:flex;justify-content:center}.MobileNavbar nav .FormModal button{display:block;font-size:.9rem;text-align:center}.burger-menu{cursor:pointer;display:none;margin-top:.5rem;padding:.5rem;position:fixed;right:2rem;top:.8rem;transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease;z-index:120}@media(max-width:800px){.burger-menu{display:block}}@media(max-width:500px){.burger-menu{top:.4rem;top:.2rem}}.burger-menu.close{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all 1s ease}.burger-menu.close .lines{background:#333;background:#f4f4f4}.burger-menu.close .lines:first-child{-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.burger-menu.close .lines:nth-child(2){opacity:0}.burger-menu.close .lines:nth-child(3){-webkit-transform:rotate(-45deg) translate(7px,-6px);transform:rotate(-45deg) translate(7px,-6px)}.burger-menu .lines{background:#f4f4f4;border-radius:2px;margin:6px 0;padding:1px 4px;transition:all .7s ease;width:40px}@media(max-width:500px){.burger-menu .lines{padding:1px 4px}}@media(max-width:414px){.burger-menu .lines{width:34px}}.Content-container{margin:0 auto;max-width:950px;padding:0 1rem}@media(max-width:500px){.Content-container{padding:0 3rem}}@media(max-width:414px){.Content-container{margin-top:-10rem}}.Content-container .title-color{color:#3f62c4;color:#ccd6f6}.Content-container .title-color span{color:#64ffda;font-weight:400;margin-right:.5rem}.Content-container h3{font-size:1rem;margin-bottom:.7rem;text-transform:uppercase}@media(max-width:320px){.Content-container h3{font-size:.9rem}}.Content-container .aboutme-container{display:flex;justify-content:space-between;margin-bottom:12rem}@media(max-width:600px){.Content-container .aboutme-container{flex-direction:column}}@media(max-width:414px){.Content-container .aboutme-container{margin-top:3rem}}@media(max-width:375px){.Content-container .aboutme-container{margin-bottom:8rem;margin-top:13rem}}.Content-container .aboutme-container p{font-size:.9rem;font-weight:lighter;line-height:1.6;width:80%}@media(max-width:600px){.Content-container .aboutme-container p{margin:1rem auto 0;width:85%}}.Content-container .aboutme-container p span{font-weight:700}.Content-container .Content-skills{display:flex;justify-content:space-between}@media(max-width:600px){.Content-container .Content-skills{flex-direction:column}}.Content-container .Content-skills .skills-container{width:80%}@media(max-width:600px){.Content-container .Content-skills .skills-container{margin:1rem auto 0;width:85%}.Content-container .Content-skills .skills-container .shared-width{width:45%}.Content-container .Content-skills .skills-container .frameworks,.Content-container .Content-skills .skills-container .languages{margin-bottom:1rem}}.Content-container .Content-skills .skills-container .languages-wrapper{display:flex;justify-content:space-between;margin-bottom:12rem}@media(max-width:600px){.Content-container .Content-skills .skills-container .languages-wrapper{flex-wrap:wrap}}@media(max-width:375px){.Content-container .Content-skills .skills-container .languages-wrapper{margin-bottom:8rem}}.Content-container .Content-skills .skills-container .languages-wrapper li{font-size:.9rem;font-weight:lighter;margin-bottom:.3rem}.Content-container .ProjectContent{display:flex;justify-content:space-between;margin-bottom:12rem}@media(max-width:600px){.Content-container .ProjectContent{flex-direction:column}}@media(max-width:375px){.Content-container .ProjectContent{margin-bottom:8rem}}.Content-container .ProjectContent .ProjectContent-display{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%}@media(max-width:600px){.Content-container .ProjectContent .ProjectContent-display{margin:1rem auto 0;width:85%}}.Content-container .ProjectContent .ProjectContent-display .side-one{cursor:pointer;margin-bottom:-.4rem;position:relative}.Content-container .ProjectContent .ProjectContent-display .side-one img{border-radius:4px;height:200px;object-fit:cover;width:100%}@media(max-width:375px){.Content-container .ProjectContent .ProjectContent-display .side-one img{width:220px}}.Content-container .ProjectContent .ProjectContent-display .side-one .toggle-name{align-items:center;background:rgba(100,255,218,.7);border-radius:4px;color:#050e1a;display:flex;font-size:1rem;height:97%;justify-content:center;opacity:0;padding:.7rem 0;position:absolute;text-transform:capitalize;text-transform:uppercase;top:0;transition:opacity .3s ease;width:100%}.Content-container .ProjectContent .ProjectContent-display .side-one:hover .toggle-name{opacity:1}.GetInTouch{display:flex;justify-content:flex-end;margin:0 auto 12rem;max-width:950px;text-align:center}@media(max-width:1600px){.GetInTouch{justify-content:center;padding:0 3rem}}.GetInTouch .inner-wrapper{width:80%}.GetInTouch h3{font-size:1rem;text-transform:uppercase}.GetInTouch h3 span{color:#64ffda;font-weight:400;margin-right:.5rem}.GetInTouch p{color:#8892b0;font-weight:300;line-height:1.5;margin:2rem auto;max-width:550px}@media(max-width:500px){.GetInTouch p{font-size:.9rem;max-width:300px}}.GetInTouch .email-me{font-weight:300;margin-top:2.5rem}@media(max-width:1000px){.GetInTouch .email-me{font-size:1.1rem;font-size:.9rem}}.GetInTouch .email-me a{border:1px solid #64ffda;border-radius:3px;color:#64ffda;padding:.7rem 1.5rem;transition:background .4s ease}.GetInTouch .email-me a:hover{background:rgba(100,255,218,.1)}@media(max-width:500px){.GetInTouch .email-me a{font-size:.8rem;padding:.5rem 1.3rem}}#ProjectModal #ProjectModal-btn{margin-bottom:2rem;width:332px}@media(max-width:375px){#ProjectModal #ProjectModal-btn{height:170px;width:220px}}@media(max-width:414px){#ProjectModal #ProjectModal-btn{height:180px;width:270px}}#ProjectModal #ProjectModal-btn button{margin:0;padding:0}#project-info{padding:2rem}#project-info .project-title{font-size:.9rem;margin:1rem 0 2rem;text-transform:uppercase}#project-info #img-project{padding-bottom:-.5rem}#project-info #img-project img{height:440px;object-fit:cover;width:100%}@media(max-width:500px){#project-info #img-project img{height:300px}}@media(max-width:414px){#project-info #img-project img{height:230px}}@media(max-width:375px){#project-info #img-project img{height:190px}}@media(max-width:320px){#project-info #img-project img{height:170px}}#project-info #img-project video{border-radius:4px;height:440px;object-fit:cover;width:100%}@media(max-width:500px){#project-info #img-project video{height:300px}}@media(max-width:414px){#project-info #img-project video{height:230px}}@media(max-width:375px){#project-info #img-project video{height:190px}}@media(max-width:320px){#project-info #img-project video{height:170px}}#project-info .single-project-description{margin-top:2rem}@media(max-width:414px){#project-info .single-project-description{margin-top:1.5rem}}#project-info .single-project-description p{font-size:.9rem;font-weight:lighter;margin-bottom:2.5rem}@media(max-width:414px){#project-info .single-project-description p{font-size:.8rem}}#project-info .single-project-description .subtitle{margin-bottom:1.5rem}#project-info .single-project-description .description{margin-bottom:2rem}@media(max-width:414px){#project-info .single-project-description .description{margin-bottom:1.5rem}}#project-info .single-project-description .description .role{margin-bottom:.5rem}@media(max-width:414px){#project-info .single-project-description .description .role{margin-bottom:.2rem}}#project-info .single-project-description h3{color:#ccd6f6;font-size:1rem;margin-bottom:.5rem;text-transform:uppercase}@media(max-width:414px){#project-info .single-project-description h3{font-size:.9rem}}#project-info .single-project-description .tec-use{margin-bottom:2rem}#project-info .single-project-description .tec-use h3{color:#ccd6f6;font-size:1rem;margin-bottom:.5rem 0}@media(max-width:414px){#project-info .single-project-description .tec-use h3{font-size:.9rem}}#project-info .single-project-description .tec-use p{margin-bottom:.5rem}#project-info .single-project-description .tec-use p span{color:#f4f4f4;font-weight:400;margin-right:.5rem}#project-info .single-project-description .page-btns a{border:1px solid #64ffda;border-radius:4px;color:#64ffda;font-size:.9rem;font-weight:lighter;padding:.2rem 1rem;text-transform:capitalize;transition:background .4s ease}#project-info .single-project-description .page-btns a:hover{background:rgba(100,255,218,.1)}#project-info .single-project-description .page-btns a:first-child{margin-right:.5rem}#project-info .single-project-description .page-btns a:visited{color:#afafbf;color:#64ffda}@media(max-width:414px){#project-info .single-project-description .page-btns a{font-size:.8rem}}#btn-close{display:flex;justify-content:flex-end;padding:0 2rem 2rem}#btn-close button{background:none;border:1px solid #64ffda;border-radius:4px;color:#afafbf;color:#64ffda;cursor:pointer;font-size:1rem;font-weight:300;outline:none;padding:.2rem 1rem;text-transform:capitalize;transition:background .4s ease}#btn-close button:hover{background:rgba(100,255,218,.2)}@media(max-width:414px){#btn-close button{font-size:.9rem}}.Footer{display:flex;justify-content:space-between;margin:0 auto;padding:3rem 0 4rem;width:92%}@media(max-width:600px){.Footer{flex-direction:column;text-align:center}}@media(max-width:500px){.Footer{padding:2rem 0;width:85%}}@media(max-width:375px){.Footer{width:80%}}.Footer .madeby{font-size:.9rem;font-weight:300}@media(max-width:500px){.Footer .madeby{font-size:.8rem}}@media(max-width:600px){.Footer nav{margin-top:1rem;text-align:center}}.Footer nav a{color:#ccd6f6;font-size:1.3rem;font-weight:700;font-weight:400;padding:.3rem 0;text-transform:uppercase}.Footer nav a:first-child{margin-right:1rem}@media(max-width:414px){.Footer nav a{font-size:.8rem}}
/*# sourceMappingURL=main.305611d2.css.map*/