.navbar{display:flex;align-items:center;justify-content:space-between;padding:2em;width:100%}.navbar h2{color:#000}.navbar .nav-links ul{display:flex;justify-content:center}.navbar .nav-links ul li{margin:0 25px}.nav-links .button_nav{color:#000;font-weight:700;border-radius:3px;padding:.5rem}.button_nav:hover{font-weight:700;color:#f785be}.button_icon{position:relative;left:93%}@media (prefers-color-scheme: dark){.navbar,.button_icon,.show-nav h2,.show-nav.nav-links.open,.show-nav .nav-links{color:#000;background-color:#fff}.nav-links .button_nav{color:#000;font-weight:700;border-radius:3px;padding:.5rem}.button_nav:hover{font-weight:700;color:#f785be}}.show-nav.nav-links.open{height:17rem}@media screen and (max-width: 977px){.nav-links{visibility:hidden}.show-nav .nav-links ul li{padding:.5rem}.show-nav .nav-links{display:flex;flex-direction:column;visibility:visible;position:relative;text-align:right;top:6rem}.show-nav h2{color:#000;visibility:visible;position:absolute;left:4%;top:1.8rem}.navbar h2{color:#000;position:absolute}.button_icon{left:auto;position:absolute;top:1.5em;right:1.5em}}@media screen and (min-width: 978px){.nav-links{visibility:visible}.show-nav .nav-links{visibility:hidden}}@media screen and (max-width: 325px){.nav-links{visibility:hidden}.show-nav .nav-links ul li{padding:.5rem}.show-nav .nav-links{display:flex;flex-direction:column;visibility:visible;position:relative;text-align:right;top:6rem}.show-nav h2{color:#000;visibility:visible;position:absolute;left:4%;top:1.8rem;width:50%}.navbar h2{color:#000;position:absolute;width:50%}.button_icon{left:auto;position:absolute;top:1.5em;right:1.5em}}.introduction-section{color:#000;position:relative}.introduction-section h2{position:absolute;top:10%;left:50%}.introduction-section img{width:100%;height:auto}.align-center{position:absolute;top:50%;left:50%;font-size:1.2em}.align-center p{font-weight:700}.Policy-React{color:#14dafe}@media only screen and (max-width: 768px){.align-center{left:45%;font-size:1em}.introduction-section h2{left:45%}}@media only screen and (max-width: 568px){.align-center{top:45%;left:35%;font-size:1em}.introduction-section h2{left:35%}}@media only screen and (max-width: 495px){.align-center{top:40%;left:30%;font-size:1em}.introduction-section h2{left:30%}}@media only screen and (max-width: 405px){.align-center{top:30%;left:15%;font-size:1em}.introduction-section h2{left:15%;font-size:1.2em}}@media only screen and (max-width: 325px){.align-center{top:30%;left:10%;font-size:.9em}.introduction-section h2{top:-10%;left:10%;font-size:1.2em}}#presentation{color:#000;text-align:center;padding:5% 3%;margin-top:-3%;background-color:#ffeff3}#presentation h2{text-align:center;padding-bottom:30px}.img-presentation{position:relative;top:20px}@media (prefers-color-scheme: dark){#presentation{color:#000;background-color:#ffeff3}}#skills{color:#000;padding:3%}#skills h2{color:#000;text-align:center;padding-bottom:30px}#skills h3{color:#000;margin-bottom:1rem}.skills-elements{display:flex;justify-content:space-around}.skillsTitle,.front-element{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin-bottom:.5rem}.front-element img:hover{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);margin-bottom:1.2rem}.javascript{background-color:#f6dc3d;padding:1.2rem .4rem .4rem 1.2rem}.end-element{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin-bottom:.5rem}.end-element img:hover{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);margin-bottom:1.2rem}.others-elements{display:flex;flex-direction:column;align-items:center;padding:.5rem;margin-bottom:.5rem}.others-elements img:hover{-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);margin-bottom:1.2rem}@media (prefers-color-scheme: dark){#skills{color:#000;background-color:#fff}}@media screen and (max-width: 399px){.skills-elements{display:flex;flex-direction:column}}#projects{color:#000;padding:3%;background-color:#ffeff3}#projects h2{text-align:center}#projects h3{text-align:center;margin-top:3em}.article-projects-accomplished{display:grid;grid-template-columns:1fr 1fr}.accomplished{border:1px solid black;border-radius:10px;box-shadow:5px 5px gray;padding:2rem;margin:2rem auto;max-width:350px;height:auto;display:flex;align-items:center;flex-direction:column}.accomplished h4{display:flex;justify-content:center}.accomplished img{display:flex;justify-content:center;max-width:90%}.accomplished img:hover{box-shadow:5px 5px #363636}.accomplished button{margin-top:2em;background-color:#ece8e8;border:.2px solid black}.accomplished button:hover{margin-top:2em;color:#722cf5;background-color:#ece8e8;border:.2px solid black}@media only screen and (max-width: 850px){.article-projects-accomplished{display:flex;flex-direction:column}}.in-progress{border:1px solid black;border-radius:10px;box-shadow:5px 5px gray;padding:2rem;margin:2rem auto;max-width:250px;height:auto}.in-progress p{margin-top:1.5em;display:flex;justify-content:space-around;font-weight:700}@media (prefers-color-scheme: dark){#projects{color:#000;background-color:#ffeff3}}#contact-me{color:#000;text-align:center;margin-top:3%}.foot-links{width:100%;padding:50px 30px 20px;display:flex;justify-content:center}.footer-element{float:left;text-align:center;width:20%;margin:20px 20px 5%}.button_foot{display:flex;justify-content:center;color:#000;font-weight:700;border-radius:3px;padding:.5rem}.button_foot:hover{font-weight:700;color:#f785be}.socialIcons{display:flex;flex-direction:column;align-items:center}.socialIcons a{font-size:40px;color:#f785be;text-decoration:none;border-radius:50%}.socialIcons a:hover{font-weight:700;color:#727272}.rights{text-align:center}@media (prefers-color-scheme: dark){footer{color:#000;background-color:#fff}.button_foot{display:flex;justify-content:center;color:#000;font-weight:700;border-radius:3px;padding:.5rem}.button_foot:hover{font-weight:700;color:#f785be}.socialIcons a{font-size:40px;color:#f785be;text-decoration:none;border-radius:50%}.socialIcons a:hover{font-weight:700;color:#727272}}@media screen and (max-width: 399px){footer{display:grid}.foot-links{display:grid;grid-template-columns:1fr;justify-self:center;align-self:center;width:58%}.button_foot{display:flex;justify-content:center;color:#000;font-weight:700;border-radius:3px;padding:.5rem;text-align:center;margin-bottom:.5rem}.button_foot:hover{font-weight:700;color:#f785be}.socialIcons{display:flex;justify-content:center}.socialIcons a{color:#f785be;font-size:1.5rem;margin:0 .5rem}}*{box-sizing:border-box;text-decoration:none;list-style:none}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.main{max-width:100%;min-height:100vh;overflow-x:hidden;background-color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}