:root{--text-primary: white;--text-secondary: black;--family: "Roboto", serif;--primary: #604ee2;--btn-border-radius: 10px}*{margin:0;font-family:var(--family)}.primary-btn{padding:1rem;background:var(--primary);border:3px solid var(--primary);color:var(--text-primary);border-radius:var(--btn-border-radius);font-weight:700}.primary-btn:hover{transform:scale(1.1)}.secondary-btn{padding:1rem;color:var(--text-primary);background:transparent;font-weight:700;border:3px solid var(--primary);border-radius:var(--btn-border-radius)}.secondary-btn:hover{transform:scale(1.1)}button:hover{cursor:pointer;filter:brightness(1.1)}a{font-family:var(--family)}.background{width:100vw;height:100vh;background:url(/assets/hero-background-BLq3gIXL.jpg) center no-repeat}.background .holder{width:100%;height:100%;color:var(--text-primary);background:linear-gradient(to right,#000000e6,#0000);display:flex;flex-direction:column;justify-content:space-between}main{height:80%;display:flex;align-items:center;padding-left:10%}footer{display:flex;align-items:center;padding:1rem}ul{margin:0;padding:0;list-style:none;display:flex;gap:2rem}ul li:hover{transform:scale(1.1)}ul li .link{padding:1rem;text-decoration:none;color:var(--text-primary);border-radius:var(--btn-border-radius);font-weight:700}ul li:first-child .link{background:var(--primary);box-shadow:3px 3px 3px 3px #0009}ul li .link:hover{transition:.3s ease-in;background:var(--primary)}.hero-info{max-width:100%;width:600px}.hero-info h1{margin-bottom:1rem;font-size:5rem}.hero-info h3{font-size:2rem;margin-bottom:1rem}.hero-info p{margin-bottom:3rem}.hero-info .button-holder{display:flex;margin-top:1rem;gap:2rem}.icon{width:3rem;height:3rem;fill:var(--text-primary)}.icon:hover{transform:scale(1.1)}button{font-size:1.5rem;box-shadow:3px 3px 3px 3px #0009}a{color:var(--text-primary);text-decoration:none}a h1:hover{transform:scale(1.1);cursor:pointer}nav{display:flex;justify-content:space-between;padding:1rem;margin-top:1rem}footer{display:flex;align-items:center;margin:1rem}.linkedin{fill:#0a66c2}.about{background:#000;width:100vw;height:100vh;display:flex;flex-direction:column}.contact{background:url(/assets/hero-background-BLq3gIXL.jpg) center;width:100vw;height:100vh}.holder{background:linear-gradient(to right,#000000f2 60%,#0000);width:100%;height:100%;display:flex;flex-direction:column}main{width:60%;display:flex;justify-content:center}.contact-form{width:50%;display:flex;flex-direction:column;color:var(--text-primary);gap:1rem}.contact-form h1{font-size:4rem;margin-bottom:2rem}.contact-form h3{font-size:2rem;margin-bottom:1rem}.contact-form p{margin-bottom:2rem}input,textarea{padding:.5rem;font-weight:700;font-size:1.3rem;border-radius:var(--btn-border-radius)}.projects{background:url(/assets/hero-background-BLq3gIXL.jpg) center;width:100vw;height:100vh;display:flex;flex-direction:column}.projects .holder{background:linear-gradient(to right,#000000e6,#0000)}.projects-holder{height:80%;color:var(--text-primary);display:flex;flex-direction:column;align-items:center;gap:1rem}.projects-holder .header h1{font-size:3rem}.project{color:var(--text-primary);display:flex;gap:1rem;padding:1rem;border-radius:var(--btn-border-radius)}.project:hover{background:#000;transition:.3s ease-in-out}.project .info{display:flex;flex-direction:column;gap:1rem}.project .info p a{margin-left:1ch}.project .info p a:hover{filter:brightness(1.1);transform:scale(1.1);text-decoration:underline;cursor:pointer}.project .picture img{width:500px;aspect-ratio:16/9;border-radius:var(--btn-border-radius)}