.navbarTop{background-color:#000063;height:12px;top:0;z-index:3}.navbar,.navbarTop{position:fixed;width:100%}.navbar{align-items:center;background-color:#311b92;color:#d3d3d3;display:flex;height:30px;top:12px;transition:all 1s ease;z-index:2}.navbar .wrapper{display:flex;justify-content:space-between;padding:0 8px;width:100%}.navbar .wrapper .left{align-items:center;display:flex}.navbar .wrapper .left #nameLogo{color:inherit;font-size:32px;font-weight:700;margin-right:10px;text-decoration:none}.navbar .wrapper .left .itemContainer{align-items:center;display:flex;margin-left:5px;margin-right:10px}@media (max-width:768px){.navbar .wrapper .left .itemContainer{display:none}}.navbar .wrapper .left .itemContainer a{color:#d3d3d3;text-decoration:none}.navbar .wrapper .left .itemContainer a .icon{font-size:24px}.navbar .wrapper .left .itemContainer a span{font-size:16px;font-weight:400;margin-left:7px}.navbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:23px;justify-content:space-between;padding-top:8px;width:28px}.navbar .wrapper .right .hamburger span{background-color:#d3d3d3;height:3px;-webkit-transform-origin:left;transform-origin:left;transition:all 2s ease;width:100%}.navbar.active{background-color:#d3d3d3;color:#311b92}.navbar.active .hamburger span:first-child{background-color:#311b92;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar.active .hamburger span:nth-child(2){opacity:0}.navbar.active .hamburger span:last-child{background-color:#311b92;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{background-color:grey;display:flex}@media (max-width:768px){.intro{align-items:center;flex-direction:column}}.intro .left{flex:0.4 1;overflow:hidden}.intro .left .imgContainer{align-items:flex-end;background-color:#00e676;border-radius:50%;display:flex;float:right;height:500px;justify-content:center;margin-right:60px;margin-top:90px;width:500px}@media (max-width:768px){.intro .left .imgContainer{align-items:flex-start;margin-right:0}}.intro .left .imgContainer img{border-radius:50%;height:500px;width:500px}@media (max-width:768px){.intro .left .imgContainer img{height:50%;width:50%}}.intro .right{background-color:grey;flex:0.6 1;height:100%}.intro .right .wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:35px;width:100%}@media (max-width:768px){.intro .right .wrapper{align-items:center;padding-left:0}}.intro .right .wrapper h1{color:#311b92;font-size:55px;margin:15px 0}@media (max-width:768px){.intro .right .wrapper h1{font-size:40px}}.intro .right .wrapper h2{font-size:40px}@media (max-width:768px){.intro .right .wrapper h2{font-size:34px}}.intro .right .wrapper h3{font-size:28px}@media (max-width:768px){.intro .right .wrapper h3{font-size:20px}}.intro .right .wrapper h3 span{color:#00e676;font-size:inherit;height:28px}.intro .right a{bottom:15px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.intro .right a .icon{color:#311b92;font-size:40px}.contact{background-color:grey;display:flex}@media (max-width:768px){.contact{flex-direction:column}}.contact .left{align-content:space-around;display:flex;flex:0.3 1;flex-direction:column;flex-wrap:wrap;justify-content:space-evenly;padding-left:5px}@media (max-width:768px){.contact .left{flex-direction:row;padding-left:0}}.contact .left .logoContainer{align-items:center;box-shadow:0 0 10px #000;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:20px;width:100px}@media (max-width:768px){.contact .left .logoContainer{height:50px}}.contact .left .logoContainer img{width:100px}@media (max-width:768px){.contact .left .logoContainer img{width:50px}}.contact .right{align-items:center;background-color:#000063;color:grey;display:flex;flex:0.7 1;flex-direction:column;height:90%;justify-content:space-evenly}.contact .right h2{font-size:50px;font-weight:700}.contact .right .contactLogos{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.contact .right .contactLogos .smLogo{height:60px;margin-bottom:20px;margin-top:20px}.contact .right .contactLogos .smLogo a{align-items:center;color:grey;display:flex;text-decoration:none}.contact .right .contactLogos .smLogo a img{margin-right:10px;width:60px}.contact .right .contactLogos .smLogo .copyMail{align-items:center;color:grey;display:flex;text-decoration:none}.contact .right .contactLogos .smLogo .copyMail img{margin-right:10px;width:60px}.contact .right .contactLogos .smLogo .copyMail h3{color:grey;font-size:19px}.contact .right .contactLogos .smLogo .copyMail .icon{color:#d3d3d3;font-size:25px;margin-left:15px}.contact .right .contactLogos .smLogo .copyMail button{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center}.contact .right .contactLogos .smLogo .copyMail button #copyButton{margin-left:10px;width:30px}.contact .right .contactLogos .smLogo:hover a img{box-shadow:0 0 6px 3px #00e676;-webkit-box-shadow:0 0 6px 3px #00e676;-moz-box-shadow:0 0 6px 3px #00e676;transition:all 2s ease}.contact .right .contactLogos .smLogo:hover a h3{color:#00e676;transition:all 2s ease}.contact .right .contactLogos .copyMail:hover img{box-shadow:0 0 6px 3px #00e676;-webkit-box-shadow:0 0 6px 3px #00e676;-moz-box-shadow:0 0 6px 3px #00e676;transition:all 2s ease}.contact .right .contactLogos .copyMail:hover h3{color:#00e676;transition:all 2s ease}.contact .goback a{align-items:center;display:flex;justify-content:center;margin-top:20px}.contact .goback a .icon{color:#000063;font-size:40px}a{text-decoration:none}.portfolio{align-items:center;background-color:#d3d3d3;display:flex;flex-direction:column;justify-content:space-evenly;position:relative}.portfolio .top h1{font-size:70px}.portfolio .container{align-items:center;background-color:#000063;display:flex;height:55%;justify-content:center;overflow-x:scroll;width:100%}@media (max-width:768px){.portfolio .container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;overflow-y:scroll}}.portfolio .container .item{align-items:center;background-color:#311b92;border:1px solid #311b92;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:16px;position:relative;transition:all .5s ease;width:350px}.portfolio .container .item h3{font-size:34px;position:absolute}.portfolio .container .item img{border:1px solid #311b92;border-radius:8px;height:100%;object-fit:cover;width:100%;z-index:1}.portfolio .container .item:hover{background-color:#000063;color:#00e676}.portfolio .container .item:hover img{opacity:.2;z-index:0}.portfolio .container .item .links{display:flex;justify-content:space-around;margin-top:8px;width:100%}.portfolio .container .item .links .deploy-link,.portfolio .container .item .links .repo-link{display:flex}.portfolio .container .item .links .deploy-link a,.portfolio .container .item .links .repo-link a{color:#00e676;text-decoration:none;transition:color .3s ease}.portfolio .down{bottom:15px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.portfolio .down .icon{color:#311b92;font-size:40px}.app{height:100%}.sections{height:calc(100vh - 41px);overflow-y:scroll;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scrollbar-width:none;top:41px;width:100%}.sections::-webkit-scrollbar{display:none}.sections>*{height:calc(100vh - 41px);scroll-snap-align:start;width:100%}.menu{align-items:center;background-color:#311b92;display:flex;flex-direction:column;height:100%;justify-content:center;padding-top:42px;position:fixed;right:-170px;top:0;transition:all 1s ease;width:170px;z-index:2}.menu.active{right:0}.menu ul{color:#d3d3d3;font-size:24px;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:20px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}
/*# sourceMappingURL=main.a6e3047d.css.map*/