@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{font-family:"Open Sans",sans-serif;background:#162447;color:#ccd6f6}a{text-decoration:none;display:inline-block}ul li{list-style:none}span{display:inline-block}.Parent-wrapper,.Parent-wrapper a{color:#333}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:red}.Navbar{display:flex;justify-content:flex-end;align-items:center;height:6vh;position:fixed;top:0;left:0;right:0;padding:0 2rem;transition:all .5s ease;z-index:100}@media(max-width:500px){.Navbar{height:9vh}}@media(max-width:320px){.Navbar{height:10vh}}.Navbar .darkmode{display:flex;align-items:center}.Navbar .darkmode .day-icon{font-size:1.1rem;padding-top:.4rem}.Navbar .logo{height:auto;width:auto;max-height:72px;max-width:250px;position:fixed;top:10px;left:30px;object-fit:contain}.Navbar img{max-height:35px}.Navbar .nav-links a{cursor:pointer;font-weight:300;margin-right:2rem;color:#ccd6f6;text-transform:capitalize;font-size:.9rem;transition:color .5s ease}.Navbar .nav-links a:last-child{margin:1rem 0 0;border:1px solid #ff4d00;border-radius:1rem;padding:.5rem 1rem;line-height:1}.Navbar .nav-links a:hover{color:red}.Navbar .nav-links a span{margin-right:.5rem;color:red}@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{font-size:1.8rem;position:fixed;cursor:pointer;right:1rem;bottom:1rem;display:none}@media(max-width:600px){.wrapper .goup{font-size:1.5rem}}.wrapper .showHand{display:block}.Header{max-width:950px;margin:0 auto;display:flex;height:100%;align-items:center}@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{width:100%;letter-spacing:1px}@media(max-width:1600px){.Header .Header-wrapper{padding:0 2rem;margin-bottom:2rem}}.Header .Header-wrapper .say-hi{margin-bottom:1rem;font-weight:300;color:red}@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:red;color:#8892b0}.Header h1{font-weight:lighter;font-size:4rem;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{line-height:1.5;max-width:450px;margin:1.5rem 0 2.5rem;font-weight:300;color:#8892b0}@media(max-width:500px){.Header .about-description{font-size:.9rem;max-width:300px;margin:1rem 0 2rem}}.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 red;color:red;border-radius:3px;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;margin-bottom:4rem}}.Header .email-me p span{margin-left:1rem;border-bottom:2px solid #3f62c4;cursor:pointer}@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)}.Content-container{max-width:950px;margin:0 auto;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:red;margin-right:.5rem;font-weight:400}.Content-container h3{text-transform:uppercase;font-size:1.2rem;margin-bottom:.7rem}@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{width:80%;font-size:1.1rem;font-weight:lighter;line-height:1.7}@media(max-width:600px){.Content-container .aboutme-container p{width:85%;margin:1rem auto 0}}.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{width:85%;margin:1rem auto 0}}@media(max-width:600px){.Content-container .Content-skills .skills-container .shared-width{width:45%}}@media(max-width:600px){.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:1rem;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{width:80%;display:flex;justify-content:space-between;flex-wrap:wrap}@media(max-width:600px){.Content-container .ProjectContent .ProjectContent-display{width:85%;margin:1rem auto 0}}.Content-container .ProjectContent .ProjectContent-display .side-one{position:relative;cursor:pointer;margin-bottom:-.4rem}.Content-container .ProjectContent .ProjectContent-display .side-one img{width:100%;height:200px;object-fit:cover;border-radius:4px}@media(max-width:375px){.Content-container .ProjectContent .ProjectContent-display .side-one img{width:220px}}.Content-container .ProjectContent .ProjectContent-display .side-one .toggle-name{position:absolute;top:0;background:rgba(255,77,0,.7);width:100%;height:97%;padding:.7rem 0;text-transform:capitalize;opacity:0;border-radius:4px;transition:opacity .3s ease;display:flex;justify-content:center;align-items:center;color:#050e1a;font-size:1rem;text-transform:uppercase}.Content-container .ProjectContent .ProjectContent-display .side-one:hover .toggle-name{opacity:1}.GetInTouch{max-width:950px;margin:0 auto 12rem;text-align:center;display:flex;justify-content:flex-end}@media(max-width:1600px){.GetInTouch{padding:0 3rem;justify-content:center}}.GetInTouch .inner-wrapper{width:80%}.GetInTouch h3{text-transform:uppercase;font-size:1.3rem}.GetInTouch h3 span{color:red;font-weight:400;margin-right:.5rem}.GetInTouch p{max-width:550px;margin:2rem auto;line-height:1.5;font-weight:300;color:#8892b0;font-size:1.2rem}@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 red;color:red;border-radius:3px;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{width:332px;margin-bottom:2rem}@media(max-width:375px){#ProjectModal #ProjectModal-btn{width:220px;height:170px}}@media(max-width:414px){#ProjectModal #ProjectModal-btn{width:270px;height:180px}}#ProjectModal #ProjectModal-btn button{margin:0;padding:0}#project-info{padding:2rem}#project-info .project-title{text-transform:uppercase;margin:1rem 0 2rem;font-size:.9rem}#project-info #img-project{padding-bottom:-.5rem}#project-info #img-project img{width:100%;height:440px;object-fit:cover}@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{width:100%;height:440px;object-fit:cover;border-radius:4px}@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{text-transform:uppercase;font-size:1rem;margin-bottom:.5rem;color:#ccd6f6}@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{margin-bottom:.5rem 0;color:#ccd6f6;font-size:1rem}@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{margin-right:.5rem;font-weight:400;color:#f4f4f4}#project-info .single-project-description .page-btns a{padding:.2rem 1rem;font-size:.9rem;font-weight:lighter;border:1px solid red;color:red;border-radius:4px;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:red}@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{text-transform:capitalize;font-weight:300;border:1px solid red;border-radius:4px;font-size:1rem;padding:.2rem 1rem;background:none;outline:none;cursor:pointer;color:red;transition:background .4s ease}#btn-close button:hover{background:rgba(100,255,218,.2)}@media(max-width:414px){#btn-close button{font-size:.9rem}}@media(max-width:500px){#btn-close button{padding:1rem;margin-bottom:auto}}.Footer{display:flex;justify-content:space-between;width:92%;margin:0 auto;padding:3rem 0 4rem}@media(max-width:600px){.Footer{flex-direction:column;text-align:center}}@media(max-width:500px){.Footer{width:85%;padding:2rem 0}}@media(max-width:375px){.Footer{width:80%}}.Footer .madeby{font-weight:300;font-size:.9rem}@media(max-width:500px){.Footer .madeby{font-size:.8rem}}@media(max-width:600px){.Footer nav{margin-top:1rem;text-align:center}}.Footer nav a{padding:.3rem 0;text-transform:uppercase;font-weight:700;font-weight:400;color:#ccd6f6;font-size:1.3rem}.Footer nav a:first-child{margin-right:1rem}.Footer nav a:last-child{margin-left:1rem}@media(max-width:414px){.Footer nav a{font-size:.8rem}}.MobileNavbar{width:280px;background:#162447;position:fixed;top:0;right:0;height:100vh;transition:all .5s ease;-webkit-transform:translate(600px);transform:translate(600px);z-index:100}@media(max-width:500px){.MobileNavbar{width:100%;height:100%}}.MobileNavbar.show{-webkit-transform:translate(0);transform:translate(0)}.MobileNavbar nav{display:flex;justify-content:center;flex-direction:column;margin-top:12rem}.MobileNavbar nav a{padding:.3rem 1.3rem;display:block;width:100%;text-align:center;margin:0 auto 2rem;color:#f4f4f4;font-weight:300;cursor:pointer;transition:color .5s ease}.MobileNavbar nav a:hover{color:red}.MobileNavbar nav a span{display:block;font-size:.9rem;margin-bottom:.3rem;color:red}.MobileNavbar nav .FormModal{display:flex;justify-content:center}.MobileNavbar nav .FormModal button{font-size:.9rem;display:block;text-align:center}.burger-menu{padding:.5rem;margin-top:.5rem;display:none;cursor:pointer;position:fixed;top:.8rem;right:2rem;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{padding:1px 4px;margin:6px 0;background:#f4f4f4;width:40px;border-radius:2px;transition:all .7s ease}@media(max-width:500px){.burger-menu .lines{padding:1px 4px}}@media(max-width:414px){.burger-menu .lines{width:34px}}
/*# sourceMappingURL=main.e29b2b57.chunk.css.map */