@import url(https://fonts.googleapis.com/css?family=Oxanium:700|Vollkorn:400);body,html{margin:0;max-width:1920px;padding:0}h1{color:var(--h1)}h2{color:var(--h2);text-align:center}h3{color:var(--h3)}h5{color:var(--h5)}p{color:var(--text)}main{margin-top:200px;width:100%}.about,.projects,.skills{background-color:#0000;border-radius:var(--border);box-shadow:var(--box);position:relative}.about:before,.projects:before,.skills:before{background-color:var(--background);border-radius:var(--border);content:"";height:100%;left:0;opacity:40%;position:absolute;top:0;width:100%;z-index:-1}.description,.projects .project-cards,.skills ul{z-index:1}#particles-container{height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-1}.content{color:#fff;position:relative;text-align:center;z-index:1}.about{grid-gap:0 0;display:grid;gap:0 0;grid-template-columns:30% 1fr;grid-template-rows:.5fr 1fr;margin:auto;width:85%}@media(max-width:1024px){.about{display:flex;flex-direction:column;margin:auto;width:95%}}.about .profile-pic{border:5px solid var(--primary);border-radius:50%;grid-area:1/1/3/2;height:250px;margin:auto;object-fit:cover;width:250px;z-index:1}@media(max-width:1024px){.about .profile-pic{display:flex;margin:auto}}.about h2{grid-area:1/1/2/3}.about .description{grid-area:2/1/3/3;margin:auto;padding-left:100px;text-align:center;width:50%}@media(max-width:1024px){.about .description{padding-left:0;width:90%}}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.modal-content{background-color:var(--background);border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;padding:20px;position:relative;width:90%}.close-button{background:#0000}footer button{background-color:var(--primary);border:2px solid var(--accent);border-radius:25px;box-shadow:var(--box);color:var(--text);cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}footer button:hover{background-color:var(--accent);color:#fff}header{background:var(--header_background);box-shadow:var(--box);color:var(--fourth);filter:brightness(1.15);justify-content:space-between;left:0;opacity:1;padding:auto;position:fixed;top:0;width:100%;z-index:10}header,header .titleAndAvatar{align-items:center;display:flex}header .titleAndAvatar{cursor:pointer;margin:20px 0 15px 10px}@media(max-width:768px){header .titleAndAvatar{margin-left:30px}}header h1{text-wrap:nowrap;font-size:clamp(1.5rem,2.5vw,2.5rem);margin:0 5px}header h1 span{display:flex}header .pictHeader{border:3px solid var(--accent);border-radius:50%;height:100px;width:100px}@media(max-width:768px){header .pictHeader{height:80px;width:80px}}header .nav{align-items:center;display:flex;flex:1 1;justify-content:flex-end}@media(max-width:1024px){header .nav{background:var(--hamburger_background);box-shadow:var(--box);display:none;flex-direction:column;left:0;max-height:0;overflow:hidden;padding:0;position:absolute;top:120px;transition:max-height .5s ease;width:100%}}header .nav.open{display:flex;max-height:400px}@media(max-width:1024px){header .nav ul{background:var(--header_background)}}header .nav li{list-style:none;padding:5px}@media(max-width:1024px){header .nav li{text-align:center;width:100%}header .nav .languageButton,header .nav .theme-toggle-button{background-color:#0000;border:none;color:var(--text);font-size:.8rem;padding:5px 10px;position:absolute;right:10px;top:40%}header .nav .theme-toggle-button{top:60%}}header .hamburger{background:none;border:none;cursor:pointer;display:none}@media(max-width:1024px){header .hamburger{display:block;position:absolute;right:15px;top:15px}}header .hamburger .bar{background-color:var(--text);display:block;height:3px;margin:5px;transition:all .3s ease;width:25px}footer{background:var(--hamburger_background);filter:brightness(1.15);padding:10px;text-align:center;width:100%;z-index:10}footer p{padding:0}footer button{margin:0 10px}header button{background-color:var(--primary);border:2px solid var(--accent);border-radius:25px;box-shadow:var(--box);color:var(--text);cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}header button:hover{background-color:var(--accent);color:#fff}.skills{background-color:none;border-radius:15px;box-shadow:var(--box);margin:50px auto;padding:40px;width:80%}@media(max-width:768px){.skills{padding:30px;width:90%}}@media(max-width:480px){.skills{padding:20px}}.skills h2{margin-bottom:30px;text-align:center}.skills ul{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));list-style:none;padding:0}@media(max-width:480px){.skills ul{gap:10px;grid-template-columns:repeat(3,1fr)}}.skills li{background-color:var(--background);border-radius:10px;box-shadow:0 3px 6px #0000001a;color:var(--accent);display:flex;flex-direction:column;font-weight:700;padding:15px;text-align:center;transition:transform .3s ease,background-color .3s ease}.skills li:hover{background-color:var(--primary);transform:translateY(-5px)}@media(max-width:480px){.skills li{padding:10px}}.skills .skill-icon{height:auto;margin:auto;padding:10px 0;width:50%}.modale-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modale-content{background-color:var(--background);border-radius:10px;height:90vh;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:20px 10px;position:relative;width:90%}@media(max-width:768px){.modale-content{height:80vh;margin:auto;max-width:100%;overflow-y:auto}}.close-button{background-color:#0000;border:none;cursor:pointer;font-size:20px;position:absolute;right:10px;top:10px;z-index:1000}.modale-image{border:5px solid var(--primary);border-radius:30px;display:block;height:auto;justify-content:center;margin:30px auto;max-width:70vh;object-fit:contain;padding:0;width:80%}.image-info{color:var(--text);font-size:16px;margin-top:20px;text-align:center}.objectives{margin-bottom:10px}.objectives li{list-style:circle;margin-bottom:5px}p{padding:20px}.fa-circle-arrow-left,.fa-circle-arrow-right{background-color:var(--secondary);border-radius:50%;color:#fff;cursor:pointer;font-size:18px;margin:20px;padding:10px;position:absolute;top:0;transform:translateY(-50%);z-index:2}.fa-circle-arrow-left:hover,.fa-circle-arrow-right:hover{background-color:var(--primary)}.fa-circle-arrow-left.fa-circle-arrow-left,.fa-circle-arrow-right.fa-circle-arrow-left{left:30%}.fa-circle-arrow-left.fa-circle-arrow-right,.fa-circle-arrow-right.fa-circle-arrow-right{right:30%}.fullscreen-overlay{align-items:center;background-color:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1100}.fullscreen-image-wrapper{max-height:90%;max-width:90%;position:relative}.fullscreen-image{border-radius:8px;height:auto;width:100%}.close-fullscreen-button{background-color:#0000;border:none;color:var(--h5);cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px}.slick-slider{position:relative}.slick-slider .slick-track{display:flex;overflow:hidden;padding-top:50px;z-index:200}.slick-slider .slick-slide{align-items:center;display:flex;justify-content:center;overflow:hidden}a{color:var(--h2);display:inline-block;font-weight:700;margin-top:15px;text-decoration:none}a:hover{text-decoration:underline}.projects{background:none;border-radius:15px;box-shadow:var(--box);display:flex;flex-direction:column;justify-content:flex-start;margin:auto auto 20px;width:80%}.projects h2{margin:auto;padding:20px 0;text-align:center}@media(max-width:768px){.projects{padding:15px}}@media(max-width:480px){.projects{padding:15px}}.projects .card-main{align-items:center;background:var(--background);border-radius:10px;box-shadow:var(--box);cursor:pointer;display:flex;flex-direction:column;padding:17px;transition:transform .3s ease;width:18rem}.projects .card-main:hover{transform:translateY(-5px)}.projects .card-main h3{font-size:large}.projects .circle-div{background:var(--primary);border-radius:50%;height:160px;margin:10px 0;overflow:hidden;width:160px}.projects .circle-div .cover-image{height:100%;object-fit:cover;object-position:center;width:100%}.projects .card-title{margin-bottom:19px}.projects .card-text,.projects .card-title{display:flex;justify-content:center;text-align:center}.projects .card-text{padding-bottom:30px}.projects .technologies{margin:15px 0}.projects .technologies .tech-button{background-color:var(--secondary);margin:5px;transition:background-color .3s ease}.projects .see-more,.projects .technologies .tech-button{border:none;border-radius:5px;color:#fff;padding:5px 10px}.projects .see-more{background-color:var(--accent);cursor:pointer;display:flex;margin:auto}.projects .see-more:hover{background-color:var(--primary)}.introduction{text-align:center}:root[data-theme=light]{--h1:#133a90;--h2:#c17871;--h3:#133a90;--h4:#133a90;--h5:#c17871;--text:#0a0029;--background:#f4f0ff;--primary:#c1b5d0;--secondary:#8896b5;--fourth:#eddfe4;--accent:#c17871;--box:0px 4px 8px #0000001a;--border:15px;--header_background:linear-gradient(180deg,#8f799f,#e0d8f0);--hamburger_background:linear-gradient(0deg,#8f799f,#e0d8f0)}:root[data-theme=dark]{--h1:#f4f0ff;--h2:#8e453e;--h3:#f4f0ff;--h4:#f4f0ff;--h5:#8e453e;--text:#e0d6ff;--background:#1b1b2f;--primary:#423960;--secondary:#5a607a;--third:#2d2d44;--fourth:#2f2a3e;--accent:#c17871;--box:0px 4px 8px #0000001a;--border:15px;--header_background:linear-gradient(180deg,#423960,#1b1b2f);--hamburger_background:linear-gradient(0deg,#423960,#1b1b2f)}body{font-family:Vollkorn;font-weight:400}h1,h2,h3,h4,h5{font-family:Oxanium;font-weight:700}html{font-size:100%}h1{font-size:3.053rem}h2{font-size:2.442rem}h3{font-size:1.954rem}h4{font-size:1.563rem}h5{font-size:1.25rem}small{font-size:.8rem}.contact h2,.contact-form{text-align:center}.contact-form{background-color:var(--background);border:2px solid var(--primary);border-radius:10px;box-shadow:var(--box);color:var(--text);margin:2rem auto;max-width:600px;padding:2rem}@media(max-width:768px){.contact-form{max-width:90%;padding:1rem}}@media(max-width:480px){.contact-form{max-width:100%;padding:.5rem}}.contact-form div{margin-bottom:1.5rem}.contact-form label{color:var(--h2);display:block;font-family:Oxanium,sans-serif;font-size:1.2rem;margin-bottom:.5rem}@media(max-width:480px){.contact-form label{font-size:1rem}}.contact-form input,.contact-form textarea{background-color:var(--fourth);border:2px solid var(--secondary);border-radius:5px;color:var(--text);font-family:Vollkorn,serif;font-size:1rem;padding:.75rem;width:80%}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form textarea{min-height:150px;resize:vertical}@media(max-width:480px){.contact-form textarea{min-height:100px}}.contact-form button{align-content:center;background-color:var(--accent);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Oxanium,sans-serif;font-size:1.2rem;justify-content:center;margin:0 auto;padding:.75rem;transition:background-color .3s ease;width:60%}.contact-form button:hover{background-color:var(--h2)}@media(max-width:480px){.contact-form button{font-size:1rem}}.contact-form p{color:var(--h2);font-size:1rem;margin-top:1rem;text-align:center}.contact-form p.error{color:red}.contact-form p.success{color:green}@media(max-width:480px){.contact-form p{font-size:.875rem}}.download-cv{display:flex;justify-content:center;padding:20px}.download-cv button{background-color:var(--primary);border:2px solid var(--accent);border-radius:25px;box-shadow:var(--box);color:var(--text);cursor:pointer;font-size:1.3rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.download-cv button:hover{background-color:var(--accent);color:#fff}