html{font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;width:100%}body{background-image:url(/static/media/background.5beaaf8f50fb0aeb378c.webp);background-repeat:no-repeat;background-size:auto;margin:0}.header-div{align-items:center;background:#242424;border-bottom:2px solid #000;display:flex;flex-direction:row;height:85px;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:99}.header-div .logo-div{display:flex;padding:0 20px}.header-div .logo-div img{-webkit-filter:invert(1) drop-shadow(0 0 .75rem #4bb04e);filter:invert(1) drop-shadow(0 0 .75rem #4bb04e);height:80px}.header-div .nav-div{margin:0 10px;position:relative}.header-div .nav-div ul{flex-direction:row;margin:0;padding:0}.header-div .nav-div ul,.header-div .nav-div ul li{align-items:center;display:flex;justify-content:center}.header-div .nav-div ul li{cursor:pointer;font-family:Fjalla One,sans-serif;height:85px;list-style:none;width:120px}.header-div .nav-div ul li:hover{background-color:#2c2c2c}.header-div .nav-div ul li a{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:400;height:100%;justify-content:center;text-align:center;text-decoration:none;width:100%}.header-div .nav-div ul li .active-link{-webkit-animation:text-pop-up-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:text-pop-up-bottom .5s cubic-bezier(.25,.46,.45,.94) both;font-size:30px}@-webkit-keyframes text-pop-up-bottom{0%{background-color:#242424;text-shadow:none;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{background-color:#1a1a1a;text-shadow:0 1px 0 #000,0 2px 0 #000,0 3px 0 #4bb04e,0 4px 0 #4bb04e,0 5px 0 #4bb04e,0 6px 0 #4bb04e,0 7px 0 #000,0 8px 0 #000,0 9px 0 #000,0 50px 30px rgba(0,0,0,.3);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes text-pop-up-bottom{0%{background-color:#242424;text-shadow:none;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{background-color:#1a1a1a;text-shadow:0 1px 0 #000,0 2px 0 #000,0 3px 0 #4bb04e,0 4px 0 #4bb04e,0 5px 0 #4bb04e,0 6px 0 #4bb04e,0 7px 0 #000,0 8px 0 #000,0 9px 0 #000,0 50px 30px rgba(0,0,0,.3);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@media (max-width:650px){.header-div{flex-direction:column;height:95px;justify-content:flex-start}.header-div .logo-div{justify-content:center;width:100%}.header-div .logo-div img{height:50px;padding:5px 0}.header-div .nav-div{margin:0;width:100%}.header-div .nav-div ul{flex-direction:row;margin:0;padding:0}.header-div .nav-div ul,.header-div .nav-div ul li{align-items:center;display:flex;justify-content:center}.header-div .nav-div ul li{cursor:pointer;font-family:Fjalla One,sans-serif;height:35px;list-style:none;width:120%}.header-div .nav-div ul li:hover{background-color:#2c2c2c}.header-div .nav-div ul li a{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:400;height:100%;justify-content:center;text-align:center;text-decoration:none;width:100%}.header-div .nav-div ul li .active-link{-webkit-animation:text-pop-up-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:text-pop-up-bottom .5s cubic-bezier(.25,.46,.45,.94) both;font-size:20px}}.home-div{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;background:#242424;border-radius:20px 20px 20px 20px;gap:5%;margin:120px 20px 80px}.home-div,.home-div .home-info{border:2px solid #000;display:flex;justify-content:space-around}.home-div .home-info{background:#171717;border-radius:50px 50px 50px 50px;color:#fff;flex-direction:column;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;margin:60px 0 60px 60px;width:60%}.home-div .home-info h1{font-size:90px;text-align:center}.home-div .home-info h2{font-size:18px;text-align:center}.home-div .home-info p{font-size:15px;text-align:center}.home-div .home-info .home-info-perso{text-align:left}.home-div .home-ael{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin-right:50px;width:30%}.home-div .home-ael .home-img .home-pp{border:2px solid #000;border-radius:20px 20px 20px 20px;height:460px;object-fit:cover;width:100%}.home-div .home-ael .home-img p{color:#fff;text-align:center}.home-div .home-ael .home-link a{background:#4bb04e;border-radius:20px 20px 20px 20px;color:#fff;font-family:Fjalla One,sans-serif;font-size:15px;font-style:normal;font-weight:400;padding:15px 20px;text-align:center;text-decoration:none}.home-div .home-ael .home-link a:hover{box-shadow:0 0 11px #4bb04e}@media (max-width:650px){.home-div{-webkit-animation:none;animation:none;background:#242424;border:2px solid #000;border-radius:0 0 0 0;margin:120px 0 80px;padding:0}.home-div,.home-div .home-info{align-items:center;flex-direction:column}.home-div .home-info{background:#171717;border:none;border-radius:0 0 0 0;display:flex;justify-content:center;margin:20px 0 0;width:100%}.home-div .home-info h1{font-size:50px;margin:20px 0 0;width:100%}.home-div .home-info h2{font-size:18px;margin:20px 0 0}.home-div .home-info p{font-size:15px;text-align:center;width:100%}.home-div .home-info ul{list-style:none;margin:20px 0;padding:0;text-align:left;width:80%}.home-div .home-ael{align-items:center;display:flex;justify-content:center;margin:20px 0;width:100%}.home-div .home-ael .home-img{display:none}.home-div .home-ael .home-link a{text-wrap:nowrap;font-size:15px;padding:5px 10px}}.skills-div{align-items:center;-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;background:#242424;border:2px solid #000;border-radius:20px 20px 20px 20px;display:flex;justify-content:center;margin:120px 20px 80px}.skills-div .skill-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%}.skills-div .skill-container .dev{background:#171717;border:2px solid #000;border-radius:50px 50px 50px 50px;color:#fff;display:flex;flex-wrap:wrap;font-family:Fjalla One,sans-serif;font-size:25px;font-style:normal;font-weight:400;gap:30px;justify-content:center;margin:50px 30px;padding:30px 20px;position:relative;text-align:center;width:90%}.skills-div .skill-container .dev .title-dev{font-size:30px;left:50px;position:absolute;text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000;top:-50px}.skills-div .skill-container .dev .dev-skill{align-items:center;display:flex;flex-direction:column;gap:10px}.skills-div .skill-container .dev .dev-skill img{background:#fff;border:2px solid #fff;border-radius:100%;height:60px;width:60px}.skills-div .skill-container .other{background:#171717;border:2px solid #000;border-radius:50px 50px 50px 50px;color:#fff;display:flex;flex-wrap:wrap;font-family:Fjalla One,sans-serif;font-size:25px;font-style:normal;font-weight:400;gap:30px;justify-content:center;margin:50px 30px;padding:30px 20px;position:relative;text-align:center;width:90%}.skills-div .skill-container .other .title-other{font-size:30px;left:50px;position:absolute;text-shadow:-2px 0 0 #000,2px 0 0 #000,0 -2px 0 #000,0 2px 0 #000;top:-50px}.skills-div .skill-container .other .other-skill{align-items:center;display:flex;flex-direction:column;gap:10px}.skills-div .skill-container .other .other-skill img{background:#fff;border:2px solid #fff;border-radius:100%;height:60px;width:60px}@media (max-width:650px){.skills-div{-webkit-animation:none;animation:none;border-radius:0 0 0 0;margin:120px 0 80px}.skills-div .skill-container{justify-content:flex-start}.skills-div .skill-container .dev{font-size:18px;gap:20px;margin:30px;padding:30px 20px;width:80%}.skills-div .skill-container .dev .title-dev{font-size:20px;top:-35px}.skills-div .skill-container .dev .dev-skill{gap:5px}.skills-div .skill-container .dev .dev-skill img{height:30px;width:30px}.skills-div .skill-container .other{font-size:18px;gap:20px;margin:30px;padding:30px 20px;width:80%}.skills-div .skill-container .other .title-other{font-size:20px;top:-35px}.skills-div .skill-container .other .other-skill{gap:5px}.skills-div .skill-container .other .other-skill img{height:30px;width:30px}}.projects-div{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;background:#242424;border:2px solid #000;border-radius:20px 20px 20px 20px;margin:120px 20px 80px}.projects-div,.projects-div .card-container{align-items:center;display:flex;justify-content:center}.projects-div .card-container{flex-direction:column;height:100%;margin-top:20px;width:100%}.projects-div .card-container .card{background:#1b1b1b;border:3px solid #000;border-radius:30px 30px 30px 30px;height:80%;width:90%}.projects-div .card-container .card .card-main{display:flex;justify-content:space-between;width:100%}.projects-div .card-container .card .card-main .card-info{color:#fff;display:flex;flex-direction:column;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;justify-content:space-around;padding:20px;text-align:center;width:50%}.projects-div .card-container .card .card-main .card-info h3{font-size:50px}.projects-div .card-container .card .card-main .card-info p{font-size:20px}.projects-div .card-container .card .card-main .card-info .card-skill{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;gap:10px;justify-content:center;text-align:center}.projects-div .card-container .card .card-main .card-info .card-skill img{background:#fff;border:2px solid #fff;border-radius:50%;height:50px;margin-bottom:-10px;width:50px}.projects-div .card-container .card .card-main .card-img{align-items:center;display:flex;justify-content:center;width:800px}.projects-div .card-container .card .card-main .card-img img{border-radius:30px 30px 30px 30px;height:500px;margin:30px;object-fit:cover;width:100%}.projects-div .card-container .card .button-selector{display:flex;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;gap:20px;margin-left:50px}.projects-div .card-container .card .button-selector .button-a{background:#357d35;border-radius:20px 20px 0 0;color:#fff;padding:10px 15px 5px;text-align:center;text-decoration:none;text-shadow:#000 1px 0 10px;width:70px}.projects-div .card-container .card .button-selector .button-a:hover{background-color:#4bb04e;box-shadow:0 0 11px #000}.projects-div .btn-prev-next{display:flex;gap:50px;height:20%;height:auto;justify-content:center;margin:20px 0;width:100%}.projects-div .btn-prev-next .btn-ico{display:none}.projects-div .btn-prev-next button{align-items:center;background-color:#357d35;border:none;border-radius:30px 30px 30px 30px;box-shadow:0 0 11px #000;color:#fff;cursor:pointer;display:flex;font-family:Fjalla One,sans-serif;font-size:16px;font-style:normal;font-weight:400;justify-content:center;padding:10px 20px;text-shadow:#000 1px 0 10px;width:120px}.projects-div .btn-prev-next button:hover{background-color:#4bb04e}@media (max-width:650px){.projects-div{-webkit-animation:none;animation:none;border-radius:0 0 0 0;margin:120px 0 80px}.projects-div .card-container{height:100%;margin:20px 0;width:100%}.projects-div .card-container .card{background:#1b1b1b;border:none;border-radius:0 0 0 0;height:80%;width:100%}.projects-div .card-container .card .card-main{align-items:center;display:flex;flex-direction:column-reverse;justify-content:flex-end;width:100%}.projects-div .card-container .card .card-main .card-info{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px 0;text-align:center;width:100%}.projects-div .card-container .card .card-main .card-info h3{font-size:30px;margin:0}.projects-div .card-container .card .card-main .card-info p{font-size:18px}.projects-div .card-container .card .card-main .card-info .card-skill{align-items:center;gap:10px;justify-content:center;width:90%}.projects-div .card-container .card .card-main .card-info .card-skill img{background:#fff;border:2px solid #fff;border-radius:50%;height:30px;margin-bottom:-10px;width:30px}.projects-div .card-container .card .card-main .card-img{margin:0;width:100%}.projects-div .card-container .card .card-main .card-img img{border-radius:0 0 0 0;height:200px;margin:10px 0;object-fit:contain;width:100%}.projects-div .card-container .card .button-selector{align-items:center;gap:10px;justify-content:center;margin:0}.projects-div .card-container .card .button-selector .button-a{text-wrap:nowrap;font-size:15px;width:60px}.projects-div .card-container .card .button-selector .button-a:hover{background-color:#4bb04e;box-shadow:0 0 11px #000}.projects-div .btn-prev-next{display:flex;gap:20px;height:auto;justify-content:center;margin:25px 0 10px;width:100%}.projects-div .btn-prev-next .btn-ico{display:inline}.projects-div .btn-prev-next .btn-text{display:none}.projects-div .btn-prev-next button{font-size:15px;width:50px}}.contact-div{align-items:center;-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;background:#242424;border:2px solid #000;border-radius:20px 20px 20px 20px;display:flex;justify-content:space-around;margin:120px 20px 80px}.contact-div .contact-container{box-shadow:0 2px 4px rgba(0,0,0,.1);height:100%;margin:20px;width:40%}.contact-div .contact-container label{color:#fff;display:block;font-weight:700;left:15px;margin-bottom:6px;position:relative;width:50%}.contact-div .contact-container input[type=email],.contact-div .contact-container input[type=tel],.contact-div .contact-container input[type=text]{background:#5c5c5c;border:1px solid #ccc;border-radius:20px;color:#fff;font-family:Fjalla One,sans-serif;margin-bottom:10px;padding:10px;width:90%}.contact-div .contact-container input[type=email]:focus,.contact-div .contact-container input[type=tel]:focus,.contact-div .contact-container input[type=text]:focus{border-color:#4bb04e;outline:none}.contact-div .contact-container input[type=email]::-webkit-input-placeholder,.contact-div .contact-container input[type=tel]::-webkit-input-placeholder,.contact-div .contact-container input[type=text]::-webkit-input-placeholder{color:#000;font-size:14px}.contact-div .contact-container input[type=email]::placeholder,.contact-div .contact-container input[type=tel]::placeholder,.contact-div .contact-container input[type=text]::placeholder{color:#000;font-size:14px}.contact-div .contact-container textarea{background:#5c5c5c;border:1px solid #ccc;border-radius:20px;color:#fff;font-family:Fjalla One,sans-serif;height:150px;margin-bottom:10px;padding:10px;resize:none;width:90%;z-index:2}.contact-div .contact-container textarea:focus{border-color:#4bb04e;outline:none}.contact-div .contact-container textarea::-webkit-input-placeholder{color:rgba(0,0,0,.918);font-size:18px}.contact-div .contact-container textarea::placeholder{color:rgba(0,0,0,.918);font-size:18px}.contact-div .contact-container .btn-submit{align-items:center;display:flex;gap:20px}.contact-div .contact-container button[type=submit]{background-color:#4bb04e;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Fjalla One,sans-serif;font-size:20px;padding:10px 15px}.contact-div .contact-container button[type=submit]:hover{box-shadow:0 0 11px #4bb04e}.contact-div .contact-container h2{color:#fff;font-size:34px;margin-bottom:50px;text-align:center}.contact-div .contact-container .Enjoy{color:#4bb04e;font-size:20px}.contact-div .contact-img{align-items:center;display:flex;height:100%;justify-content:center;margin:20px;width:50%}.contact-div .contact-img img{border-radius:30px 30px 30px 30px;height:50%;object-fit:cover;width:100%;z-index:1}@-webkit-keyframes slide-in-top{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-top{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:650px){.contact-div{-webkit-animation:none;animation:none;border-radius:0 0 0 0;margin:120px 0 80px}.contact-div .contact-container{height:100%;margin:20px;width:90%}.contact-div .contact-container button[type=submit]{font-size:18px}.contact-div .contact-container h2{display:none}.contact-div .contact-container .Enjoy{color:#4bb04e;font-size:18px}.contact-div .contact-img{display:none}}.error-div{-webkit-animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both;background:none;height:75vh;margin:120px 20px 80px}.error-div,.error-div .error-div-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.error-div .error-div-content{background:#242424;border-radius:50%;color:#fff;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;height:500px;text-align:center;width:500px}.error-div .error-div-content .error-number{font-size:80px}.error-div .error-div-content .error-text{font-size:20px;margin-top:10px;width:280px}.error-div .error-link{color:red;font-family:Fjalla One,sans-serif;font-size:20px;font-style:normal;font-weight:400;margin-top:30px;text-align:center;text-decoration:none}@media (max-width:650px){.error-div{-webkit-animation:none;animation:none;border-radius:0 0 0 0;margin:120px 0 80px}.error-div .error-div-content{color:#fff;font-family:Fjalla One,sans-serif;font-style:normal;font-weight:400;height:300px;text-align:center;width:300px}.error-div .error-div-content .error-number{font-size:25px}.error-div .error-div-content .error-text{font-size:15px;margin-top:10px;width:250px}.error-div .error-link{color:red;font-family:Fjalla One,sans-serif;font-size:20px;font-style:normal;font-weight:400;margin-top:30px;text-align:center;text-decoration:none}}.footer-div{align-items:center;background:#000;bottom:0;display:flex;height:40px;justify-content:center;left:0;position:fixed;right:0;width:100%;z-index:99}.footer-div p{color:#fff;font-family:Fjalla One,sans-serif;font-size:15px;font-style:normal;font-weight:400;text-align:center}.footer-div .Social-media{align-items:center;display:flex;justify-content:flex-start;left:0;padding-left:10px;position:absolute;width:auto}.footer-div .Social-media a img{background:#000;border:2px solid #000;border-radius:100%;height:30px;margin-right:10px;width:30px}.footer-div .Social-media a img:hover{border:2px solid #4bb04e}@media (max-width:650px){.footer-div{align-items:center;flex-direction:column;height:auto;justify-content:center}.footer-div p{font-size:12px;margin:0;width:100%}.footer-div .Social-media{align-items:center;display:flex;gap:5px;justify-content:center;margin:0;padding:0;position:static;width:100%}.footer-div .Social-media a img{height:25px;margin:0;width:25px}}
/*# sourceMappingURL=main.26619016.css.map*/