:root{--lightGrey:#dee2e6;--darkGrey:#212529;--white:#fff;--black:#333;--viola:#9999f5}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:62.5%;overflow:auto}body{font-family:Montserrat,sans-serif;font-size:2rem;font-style:normal;font-weight:400;line-height:1.6}header{justify-content:center;display:flex}h1{font-size:4rem;font-weight:700}h2{grid-column:span 2;font-size:3.6rem}h3{text-align:center;padding:1.5rem;font-size:3.2rem}h4{text-align:center;margin:2rem;font-size:3rem}.nav-btn{z-index:10;cursor:pointer;text-shadow:1px 2px 2px var(--white);margin:1rem;font-size:5.2rem;display:none;position:absolute;top:0;right:0}.active{display:flex}.nav-menu{z-index:10;display:flex;position:fixed;top:2rem;right:5rem}.nav-menu ul{background-color:var(--darkGrey);flex-direction:row;align-items:flex-start;display:flex}.nav-menu li{cursor:pointer;margin:1rem;font-weight:600;list-style:none}.nav-menu a{color:var(--lightGrey);padding:.5rem;text-decoration:none;transition:color .3s ease-in-out}.nav-menu a:hover,.nav-menu a:active{color:var(--white)}.hero{text-align:center;z-index:3;max-width:120rem;min-height:100vh;color:var(--darkGrey);flex-direction:column;justify-content:center;align-items:center;display:flex}h1{text-shadow:0 3px 15px #000}.header-text{color:var(--white);text-shadow:0 3px 15px #000}.head-message{color:#000;text-shadow:0 2px 10px #f5f5f5;margin:2rem;padding:1rem}.profil-pic{width:auto;height:25rem;box-shadow:0 5px 10px var(--darkGrey);filter:brightness(90%)}.background-container{background-image:url(portfoliobg.3f216272.png);background-position:50%;background-size:cover;width:100%;min-height:100vh;position:relative}.icons{justify-content:space-evenly;align-items:center;gap:2rem;margin:2rem;padding:1rem;display:flex}.icons i{color:var(--white)}.icon-git i:hover{color:#a9a9a9}.about-container{text-align:center;background-color:var(--lightGrey);flex-direction:column;justify-content:space-around;align-items:center;display:flex}.about-container,.projects-grid-container,.contact-container{width:120rem;max-width:90%;min-height:100vh;margin:2rem auto;padding:.5rem}.about-grid{grid-template-columns:2fr 1fr;place-items:center;gap:3rem;display:grid}.about-text{text-align:justify;flex-direction:column;justify-content:space-between;gap:2rem;padding:1rem;display:flex}.list-element{text-align:justify;list-style-position:inside}.list-element li{padding:1rem;line-height:1.6}.skills-mainContainer{text-align:center}.skills-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:1.5rem;display:flex}.skill-item{cursor:pointer;background-color:#f8f9fa;border:2px solid #0000;border-radius:1.2rem;flex-direction:column;align-items:center;gap:.6rem;width:11rem;padding:1rem 1.2rem;transition:all .3s;display:flex}.skill-item:hover{background-color:#fff;border-color:#007bff;transform:translateY(-8px);box-shadow:0 10px 20px #0000001a}.skills i{color:var(--black);font-size:3.6rem}.skill-item:nth-child(4) i{color:#61dafb}.skill-item span{font-weight:500}.project-container{text-align:justify;border:1px solid var(--white);flex-direction:column;justify-content:space-between;padding:3rem;display:flex}.project-container section{flex-direction:column;align-items:center;display:flex}.project-container ul{list-style-position:inside}.projects-grid-container{background-color:var(--darkGrey);color:var(--white);grid-template-columns:1fr 1fr;justify-items:center;gap:2rem;display:grid}.image-container{max-width:40rem;max-height:30rem;overflow:hidden}.image-container img{object-fit:contain;width:100%;height:100%}.info li{text-align:center;list-style-type:none}.info a{color:#9999f5;text-decoration:none;transition:underline .3s;position:relative}.info a:after{content:"";background-color:var(--viola);width:0%;height:1px;transition:width .3s,left .3s;position:absolute;bottom:0;left:50%}.info a:hover:after{width:100%;left:0}.tech{color:var(--viola);margin-top:.5rem;font-weight:500}.contact-container{text-align:center;background-color:var(--lightGrey);flex-direction:column;justify-content:space-around;display:flex}.form{justify-content:center;display:flex}.form-container{grid-template-columns:1fr 1fr;gap:2rem;max-width:40rem;display:grid}.character-number,.btn-container{grid-column:span 2}.btn-send{padding:.5rem;font-weight:600}.cont-icon i{color:var(--black);padding:0 2rem}.icon-linkedin:hover i{color:#0a66c2}.icon-github:hover i{color:#171515}.copyright{text-align:center;flex-direction:column;width:120rem;max-width:90%;margin:2rem auto;padding:.5rem;display:flex}@media (width<=62em){.nav-btn{display:block;position:fixed}.nav-menu{display:none}.nav-menu.active{display:flex}.nav-menu ul{flex-direction:column;display:flex}.nav-menu li{text-align:center;margin:1rem;font-size:3rem}.projects-grid-container{grid-template-columns:1fr}h2{grid-column:span 1}}@media (width<=48em){html{font-size:56.25%}header{max-width:100%;margin:0;padding:0}.about-container{max-width:100%;margin:0;padding:1rem}.skills{flex-wrap:wrap;justify-content:space-evenly;margin-top:1rem;display:flex}.skills i{margin:.5rem}.list-element{margin-top:1rem;padding-left:1.5rem}.projects-grid-container{max-width:100%;margin:0;padding:1rem}}@media (width<=36em){.about-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=repo.0e74ceef.css.map */