.navbar{background-color:#0d052e;color:#fff;height:70px;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2}.navbar .wrapper{align-items:center;display:flex;margin-bottom:5px;margin-top:10px;padding:5px 30px}.navbar .wrapper .left{width:30%}.navbar .wrapper .left .logo{color:inherit;display:inline;font-size:30px;font-weight:600;text-decoration:none}.navbar .wrapper .right{opacity:1;width:60%}.navbar .wrapper .right .options{align-items:center;border-radius:5px;color:inherit;font-size:20px;font-weight:200;overflow-y:hidden;padding:0 30px;text-decoration:none}.navbar .wrapper .right .options--active,.navbar .wrapper .right .options:hover{color:#2e81f4}.navbar .wrapper .dropdown{float:right;opacity:0;overflow:hidden;width:10%}.navbar .wrapper .dropdown .dropbtn{background-color:inherit;border:none;color:#fff;float:right;font-family:inherit;font-size:16px;margin:0;outline:none;padding:14px 16px}.navbar .wrapper .dropdown .dropdown-content{background-color:#0d052e;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;float:right;margin:0;min-width:160px;position:fixed;z-index:4}.navbar .wrapper .dropdown .dropdown-content a{color:#fff;display:block;float:none;padding:12px 16px;text-align:left;text-decoration:none}.navbar .wrapper .dropdown .dropdown-content a:hover{background-color:#ddd}@media only screen and (max-width:1247px){.navbar .wrapper .right{display:none}.navbar .wrapper .left{width:70%}.navbar .wrapper .dropdown{opacity:1;width:30%}}.navbar .wrapper .dropdown:hover .dropdown-content{display:block}.introduction{color:#0d052e}.introduction .details{margin-bottom:20vh;margin-right:20vw;margin-top:22vh;padding-left:50px;text-align:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.introduction .details h1{color:#922fbd;font-size:80px;font-weight:500}.introduction .details p{font-size:25px;font-weight:600}.cover-page{background-color:#fff}.cover-page .header{color:#0d052e;margin-right:30vw;margin-top:10vh;text-align:center}.cover-page .websites{display:flex;justify-content:space-evenly;margin-right:30vw;margin-top:5vh;padding-bottom:10px;padding-left:20px;padding-top:20px;position:relative}.cover-page .websites .left{padding:20px 20px 10px 10px;position:relative}.cover-page .websites .left:hover img{opacity:.6}.cover-page .websites .left:hover .button{opacity:1}.cover-page .websites .left img{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 0 10px 8px #888;height:280px;object-fit:contain;opacity:1;transition:.5s ease;width:280px}.cover-page .websites .left .button{left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.5s ease;z-index:2}.cover-page .websites .left .button .text{background-color:#0d052e;color:#fff;font-size:16px;padding:16px 32px}.cover-page .websites .left .button .text a{color:#fff;text-decoration:none}.cover-page .websites .left:hover{opacity:1}@media only screen and (max-width:1080px){.cover-page .images{display:flex;flex-direction:column}}.portfolio{background-color:#fff}.portfolio .header{color:#0d052e;margin-right:30vw;margin-top:15vh;text-align:center}.portfolio .images{grid-gap:15px;display:grid;grid-template-columns:repeat(7,minmax(auto,7rem));grid-template-rows:repeat(2,9vw);justify-content:center;margin-right:30vw;margin-top:12vh}.portfolio .images .tech-block{overflow:hidden;text-align:center}.portfolio .images .tech-block .logos{height:10vh;width:4vw}.portfolio .images .tech-block h4{color:#0d052e}@media only screen and (min-width:500px)and (max-width:975px){.portfolio .images{grid-template-columns:repeat(3,minmax(auto,7rem))}}@media only screen and (max-width:500px){.portfolio .images{grid-template-columns:repeat(1,minmax(auto,7rem))}}.experience{background-color:#fff}.experience .header{color:#0d052e;margin-right:30vw;margin-top:10vh;text-align:center}.experience .experience-details{height:auto;margin-top:12vh;padding-left:50px;text-align:left;vertical-align:center;width:100%}.experience .experience-details .list{margin-top:10px;padding-left:40px}.experience .experience-details .list li{font-size:20px;font-weight:500;list-style-type:circle;padding-bottom:10px;padding-left:10px}.contacts{background-color:#fff}.contacts .header{color:#0d052e;margin-right:30vw;margin-top:18vh;text-align:center}.contacts .images{display:flex;justify-content:center;margin-right:40vw;margin-top:20vh;padding-left:40px}.contacts .images a{padding-left:100px}.contacts .images a img{height:100px;width:100px}.contacts .images a button{opacity:0;padding:0;position:absolute;text-align:center}.contacts .images a img:hover+button{opacity:1}@media only screen and (max-width:1080px){.contacts .images{display:flex;flex-direction:column}}.app{height:100vh}.app .profile-pic{margin-left:4vw;margin-top:20vh;position:fixed;width:30%;z-index:2}@media only screen and (max-width:500px){.app .profile-pic{position:unset}}.app .sections{background-color:#fff;height:calc(100vh - 70px);margin-left:30vw;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;top:70px}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{height:calc(100vh - 70px);scroll-snap-align:start;width:100vw}@media only screen and (max-width:500px){.app .sections{margin-left:0}}
/*# sourceMappingURL=main.806a8e00.css.map*/