@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);#app{font-family:Press Start\ 2P,cursive;font-family:Futura PT Medium,lighter;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}a,div,p{font-family:Futura PT Medium;color:#f8f7f7}a:hover{color:#f8f7f7;text-decoration:none!important}h1,h2,h3,h4,h5,h6{font-family:Futura PT Medium}h5{margin-top:5px}img{max-width:600px;max-height:500px}.btn-outline-primary{border-color:#e9c261!important;color:#e9c261!important}.btn-outline-primary:hover{background-color:#e9c261}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#e9c261;border-radius:6px}::-webkit-scrollbar-track{background:#2f2f2f}:root{scrollbar-width:thin!important}nav{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;z-index:2;margin:1%}.bg-image-outer-wrapper{display:flex;flex-direction:column;flex-wrap:wrap;background-image:url(../img/background.1d2e7da3.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:relative}.logo-container{display:flex;flex-direction:row}.logo{color:#f8f7f7}.logo h1{font-family:Press Start\ 2P;font-size:17px;padding:14px 16px;text-align:left}.underline{width:100px;margin-left:50px;background-color:#e9c261;float:left}.box,.underline{height:5px;margin-top:-20px}.box{width:20px;border-style:solid;border-color:#e9c261;border-width:thin}.logo-container div{font-family:Press Start\ 2P!important;font-size:8px}.percent{margin-top:-22px;margin-left:5px}.nav-link{color:#f8f7f7;text-align:left;padding:14px 16px;text-decoration:none;font-size:17px;font-weight:700}.link-box{width:85%;height:3px;outline:1px solid #e9c261;margin-top:-17px;margin-left:16px;margin-bottom:50px}.lang-desktop{display:flex;flex-direction:column;position:fixed;top:0;padding-top:25%;padding-left:85%;float:left;justify-content:space-around}.lang-mobile{display:flex;justify-content:center;flex-direction:row;top:5%;visibility:hidden}.lang-mobile .flag{margin:5px 5px 10px}.flag{margin-top:5px;cursor:pointer}.side-menu-desktop{display:flex;flex-direction:column;padding-top:25%;padding-left:10%;position:fixed;top:0}.side-menu-mobile{flex-direction:row;z-index:2;top:0;visibility:hidden}.flex-container,.side-menu-mobile{display:flex;justify-content:center}.flex-container{float:left;flex-direction:column;align-items:center;margin-bottom:-5px;width:100%}.overlay{height:100%;padding-top:5%;padding-bottom:5%;margin-top:10%}.overlay,.overlay-first-slide{display:flex;align-items:center;background-color:#282828;width:55%;z-index:1;opacity:.9}.overlay-first-slide{justify-content:center;height:500px;margin-bottom:100px;margin-top:-100px}.content{text-align:left;padding:50px 50px 50px 150px;width:55%}.content h1{color:#e9c261}.picture{z-index:3;margin-bottom:150px}.skill-webdevelopment{padding:10px 50px 10px 50px;text-align:center}.skill-webdevelopment h1,.skill-webdevelopment i,h4{color:#e9c261}.skill-webdesign{padding:10px 50px 10px 50px;text-align:center}.skill-webdesign h1,.skill-webdesign i,h4{color:#e9c261}.content-projects{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;width:100%}.content-projects h1,.content-projects h2{color:#e9c261;width:100%}.content-projects h2{padding:10px 10px 10px 10px}.content-projects p{margin-left:15%;margin-right:15%;margin-top:5%}.content-projects img{width:300px;max-height:350px;opacity:1!important}.logo{width:300px;height:300px}.content-projects i{color:#e9c261}.content-icon i{color:#fff}html{scroll-behavior:smooth;max-width:100vw}.flex-container-law{float:left;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:-5px;width:100%}.overlay-law{display:flex;align-items:center;background-color:#282828;height:auto;margin-top:-130px;z-index:1;opacity:.9}.content-law{padding:50px 50px 50px 150px}.footer{margin-top:-50px}.Cookie__button{background-color:#e9c261}@media only screen and (max-width:460px){.picture{display:none}.content{display:flex;flex-direction:column;align-items:center;text-align:center!important;width:100%!important}.picture-mobile{display:block}}@media only screen and (min-width:460px){.picture-mobile{display:none}}@media only screen and (max-width:1200px){img{max-width:170px;max-height:500px}.picture{margin-bottom:5%}.side-menu-desktop{visibility:hidden}.side-menu-mobile{visibility:visible}.bg-image-wrapper{align-items:center;background-color:#2f2f2f;width:100%;height:100%;top:-5px}.logo{margin-top:10px;height:60px;margin-left:80px}.overlay-header{background-color:#282828;height:50px;width:100%}.overlay{width:100%;height:600px}.overlay-first-slide{width:100%;margin:100px}.overlay-law{width:100%;margin:50px}p{font-size:1em}.content{display:flex;flex-direction:column;align-items:center;padding:50px 50px 50px 50px;width:55%}.content-projects p{margin-left:5%;margin-right:5%;margin-top:5%}.calculator{margin-left:-5%}.lang-desktop,.link-box{visibility:hidden}.lang-mobile{visibility:visible}.footer{margin-top:20px}}@media only screen and (min-width:768px){i:hover{color:#e9c261}img{max-width:600px;max-height:500px}}@media only screen and (min-width:1200px){.link-anime:after{content:"";font-weight:400;display:block;width:0;height:3px;background:#e9c261;transition:width .3s}.link-anime:hover:after{width:100%;font-weight:bolder;transition:width .3s}.footer{margin-top:0}}