@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Urbanist,sans-serif;letter-spacing:.05em;box-sizing:border-box;margin:0;padding:0}body{background-color:#000}p,li{color:#fff}nav ul li{z-index:1}.hidden{display:none}.visible{display:inherit}.hamburger{display:none;z-index:1}.menuPC li{cursor:pointer}.header{position:fixed;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:10;padding:10px}ul{list-style:none;display:flex;gap:50px}h1{position:absolute;color:#fff;font-size:2rem}.header-bg{background-color:#000;opacity:.9}@media screen and (max-width: 1024px){.menu{position:absolute;margin-top:20px;transform:translate(-100%);background-color:#000;padding:20px;border-radius:10px}ul{display:grid;gap:30px;margin:0;padding:0}.menu ul li{cursor:pointer}.hamburger{display:contents;right:10px;top:10px}.menuPC{display:none}h1{margin-left:10px;position:absolute}}*{box-sizing:border-box;margin:0;padding:0;max-width:100vw}html,body{overflow-x:hidden}.cover .cover-img{position:absolute;top:0;left:0;background-size:cover;width:100%;height:100vh;z-index:-2}.cover .photo{border:5px solid yellow;border-radius:50%;width:300px;margin-top:20px;align-self:center}.cover:after{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.5;content:"";z-index:-1}.btn{align-items:center;margin-right:20px;background-color:#ff0;padding:1rem;border:1px solid white;cursor:pointer}.btn-light{align-items:center;margin-right:20px;padding:1rem;background-color:#0000;color:#fff;border:1px solid white;cursor:pointer}.content{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:50px;max-width:100vw;height:100vh}.content p{position:static;align-items:center;margin-left:15%;margin-right:15%}.btns{display:flex;align-items:center;justify-content:center;width:100%;margin-top:10px}@media screen and (max-width: 1024px){.cover .photo{width:200px}}*{box-sizing:border-box;margin:0;padding:0}section{margin-left:20px;margin-right:20px}h1,p{position:static}.languages img{height:200px;width:200px;border:1px solid white;padding:10px;border-radius:5px;position:relative}.img-box{position:relative}.caption{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:.3s ease-in;font-size:1.2rem}.languages{display:flex;flex-wrap:wrap;gap:20px}.img-box:hover img{opacity:.5;cursor:pointer}.img-box:hover .caption{opacity:1}@media screen and (max-width: 1024px){.about{padding:0 20px}.languages{justify-content:center}}.contact ul li{display:flex;align-items:center}a{text-decoration:none;color:inherit}a:hover{color:#ccc}.contact .icon{margin-right:20px;filter:brightness(0%) invert();width:30px;border-radius:3px}.contact ul{display:flex;flex-direction:column;gap:10px}form input,textarea{border-radius:5px;padding:5px 5px 5px 10px;width:100%}.contact-mid{margin-top:15px}.contact-mid h2{margin-bottom:20px}.contact-right{margin-top:15px;display:flex;flex-direction:column;gap:10px;width:40%}.contact form{display:flex;flex-direction:column;gap:5px}.contact{display:flex;justify-content:space-between}.contact h2{color:#fff;font-size:1.5rem;text-align:center}form .btn-dark{display:inline-block;background-color:#4d4d4d;box-shadow:2px 2px #333;color:#fff;width:fit-content;padding:10px;border-radius:10px;align-self:center;margin-top:10px;cursor:pointer}.form{display:flex;flex-direction:column;align-items:center}label{color:#fff}@media screen and (max-width: 1024px){.contact{display:block}.contact-mid h2{text-align:center;margin-top:20px}.contact-right{width:100%;align-items:center;justify-content:center;margin-left:0}.contact form input,textarea{min-width:500px}}.prop img{height:200px;width:200px;border:1px solid white;padding:10px;border-radius:5px;position:relative}.project{display:flex;flex-wrap:wrap;gap:20px}.prop{display:flex;flex-direction:column;align-items:center;cursor:pointer}.prop p{margin-top:10px}.prop img:hover{opacity:.5;transition:.3s}.prop p:hover{color:#1919e6;transition:.3s}.projects{margin-bottom:10px}@media screen and (max-width: 1024px){.project{justify-content:center}}.footer p{display:flex;align-items:center;justify-content:center;color:hsl(0,0,100%)}.footer{margin:20px 0 0;background-color:#4d4d4d;padding-top:20px;padding-bottom:20px}*{font-size:1.1rem}h1:not(#title){margin-top:20px;margin-bottom:20px}h1:not(#title){border-bottom:1px}p{text-align:justify}@media screen and (max-width: 1024px){h1:not(#title){text-align:center}}