@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--font-color: #d3d5d6;--bg-color: #14161c;--bg-color2: #111213;overflow-x:hidden;--font-color2: #51d687;--font-color3: #229164;font-size:16px;text-align:justify}html{scroll-behavior:smooth;overflow-x:hidden;scrollbar-color:var(--font-color2);width:100%;background:linear-gradient(to bottom right,var(--bg-color) 0%,var(--bg-color) 50%,var(--bg-color2) 50%,var(--bg-color2) 100%)}*{border:0;margin:0;padding:0;font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}h1,h2{background-image:linear-gradient(to left,var(--font-color2),var(--font-color3));color:transparent;-webkit-background-clip:text;background-clip:text}p{color:var(--font-color)}.container{width:80%;margin-left:auto;margin-right:auto}.styled-btn{background-color:var(--font-color2);color:none;border-radius:5px;width:100px;height:30px;transition:transform .3s ease;display:block;margin:20px auto 0}.styled-btn:hover{background:linear-gradient(to bottom,var(--font-color2),var(--font-color3));transform:scale(1.1)}@media screen and (max-width: 600px){:root{font-size:14px}}@media screen and (max-width: 400px){.container{width:90%}}@media screen and (max-width: 400px){:root{font-size:10px}}#header{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;background-color:var(--bg-color2);opacity:.8;position:fixed;top:0;width:100%;z-index:1000;height:64px}#header div{margin-left:1rem;color:var(--font-color3)}#header div h1{font-size:1.3rem}#header nav #desktop-navbar{margin-right:1rem;display:flex;justify-content:space-between;gap:2rem;flex-direction:row;list-style:none;color:var(--font-color2)}#desktop-navbar li{transition:transform .2s ease-in-out}#desktop-navbar li:hover{transform:scale(1.1);opacity:.7}#mobile-navbar{z-index:1000;color:var(--bg-color)}#mobile-navbar button{position:absolute;top:1.2em;right:30px;background-color:transparent;border-radius:8px;width:160px;z-index:1000;width:30px;height:30px;cursor:pointer;transition:transform .3s ease}#mobile-navbar button:hover{transform:scale(1.2)}#mobile-navbar #mobile-navbar-ul{position:absolute;top:60px;right:30px;padding:10px 0 30px;border-radius:15px 0 15px 15px;background-color:var(--bg-color);z-index:1000;display:flex;flex-direction:column}#mobile-navbar li{list-style:none;margin:0;color:var(--acqua2);width:100%;text-align:center;padding:10px 0;font-size:17px;z-index:1000}#mobile-navbar li:hover{background-color:var(--acqua2);color:var(--font-color)}#home{padding-top:12rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#my-picture-container{margin-left:1.5rem;width:70%}#my-picture-container img{width:100%;max-width:400px;border-radius:100%;background-color:var(--font-color);outline:7px solid var(--font-color2)}@media screen and (max-width: 1000px){#my-picture-container{width:100%}}@media screen and (max-width: 850px){#my-picture-container{margin-left:0;width:40%;margin:0 auto 1rem}#home-description-container h1{text-align:center}}@media screen and (max-width: 650px){#my-picture-container{width:70%}}#experiences{padding-top:12rem}.experience-container{margin:4rem 0 0;padding-left:2rem;border-left:.3rem solid var(--font-color2)}.experience-date{font-weight:700}#skills{padding-top:12rem}#skills-container{display:flex;width:100%;align-items:center;justify-content:center;max-width:1-00px}#cards-container{margin-top:4rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:70%;gap:.7rem}#description-container{width:50%;text-align:center;text-align:left}#description-container #skill-name-description{font-weight:700}.card-container{width:7rem;height:7rem;display:flex;border-radius:1rem;flex-direction:column;align-items:center;justify-content:center;background-color:var(--font-color2);transition:transform .3s ease}.card-container:hover{background:linear-gradient(to bottom,var(--font-color2),var(--font-color3));transform:scale(1.1)}.card-container img{width:60%}.card-container p{font-size:1rem;color:var(--bg-color2)}@media screen and (max-width: 850px){.card-container{width:4rem;height:4rem}.card-container p{font-size:.7rem}}@media screen and (max-width: 650px){#skills-container{flex-direction:column}#cards-container{width:100%;margin-bottom:1rem}#description-container{width:100%;text-align:center}#description-container p{font-size:.8rem}}@media screen and (max-width: 500px){.card-container{width:5rem;height:5rem}.card-container p{font-size:.9rem}}#footer{margin-top:4rem;padding:3rem;border-top:.25rem solid var(--font-color2);background-color:var(--bg-color)}#footer ul{list-style:none}#footer ul li{margin-bottom:1rem}#footer ul li a,#footer ul li span{display:flex;align-items:center;gap:.5rem}#footer img{width:2rem}#footer li{transition:transform .2s ease-in-out}#footer li:hover{transform:scale(1.01);opacity:.7}#projects{padding-top:6rem}#projects-container{display:flex;padding-top:3rem;align-items:center;justify-content:center;gap:.5rem}.project{display:flex;flex-direction:column;align-items:center}.project .image-card{width:20rem;border:2px solid white;width:100%;height:10vh}.project img{width:70%}.project .projects-links{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.5rem}.project .projects-links button{margin-top:0;height:1.5rem;font-size:.8rem;width:100%;padding:0 .25rem}.project .projects-links button:hover{transform:scale(1.01)}#github-projects-link{color:var(--font-color2);text-decoration:underline;text-align:center;margin-top:2rem}@media screen and (max-width: 650px){#projects-container{flex-direction:column;gap:2rem}}