*{margin:0;padding:0;box-sizing:border-box}:root{--font-family-primary: "League Spartan", sans-serif;--font-weight-light: 300;--bg-primary: #1e1e1e;--bg-gradient-start: #303638;--bg-gradient-end: #2f2d3c;--container-gradient-start: #1e1e1e;--container-gradient-end: #2f2f2f;--text-primary: rgb(218, 217, 216);--text-secondary: rgb(146, 146, 146);--text-gradient-start: #cfb2a6;--text-gradient-end: #f3b44f;--border-primary: black;--font-size-h1: 2.25rem;--font-size-h2: 1.5rem;--font-size-h3: 1.125rem;--font-size-footer: 1.125rem;--font-size-contacts: .875rem;--icon-size: 1.5rem;--spacing-xs: 1%;--spacing-sm: 2%;--spacing-md: 3%}html{font-size:clamp(7px,1vw,14px);background:var(--bg-primary);scroll-behavior:smooth;overscroll-behavior:none}body{min-height:100vh;height:100vh;min-height:100lvh;height:100lvh;background:linear-gradient(90deg,var(--bg-gradient-start),var(--bg-gradient-end));display:flex;justify-content:center;align-items:center;overscroll-behavior:none;color:var(--text-primary);font-family:var(--font-family-primary);font-optical-sizing:auto;font-weight:var(--font-weight-light);font-style:normal}.navBar{height:10%;width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-md)}.navButton{background-color:var(--bg-primary);padding:10px;margin:10px;border-radius:5%;text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-h3)}.container{display:flex;flex-direction:column;justify-content:center;max-height:720px;max-width:1200px;height:45vw;width:75vw;background:linear-gradient(45deg,var(--container-gradient-start),var(--container-gradient-end));border:1px solid var(--border-primary);border-radius:5px;box-shadow:4px 0 0 -1px #1a1a1a,8px 0 0 -2px #161616,12px 0 0 -3px #121212}.header{position:relative;height:auto}.header h1{position:relative;margin:0;margin-left:var(--spacing-xs);bottom:0;font-weight:var(--font-weight-light);font-size:var(--font-size-h1)}.mainGrid{display:grid;height:80%;width:100%;grid-template-columns:60% 40%;grid-template-rows:50% 50%}.projects h2{margin:0;margin-top:var(--spacing-sm);margin-left:var(--spacing-sm);font-weight:var(--font-weight-light);font-size:var(--font-size-h2)}.project{margin:var(--spacing-xs);margin-left:var(--spacing-md);margin-right:var(--spacing-md);border-radius:3px;display:flex;height:25px;align-items:center}.project *{margin:none;padding:none;color:var(--text-primary)}.project h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-light);flex-basis:100%}.project .img{height:var(--icon-size);width:var(--icon-size)}hr{border:none;border-radius:.5px;height:1px;margin-left:var(--spacing-md);margin-right:var(--spacing-md);background-color:var(--text-secondary)}.medias h2{margin:0;margin-top:var(--spacing-sm);margin-left:var(--spacing-sm);font-weight:var(--font-weight-light);font-size:var(--font-size-h2)}.portrait{grid-area:1 / 2 / 3 / 2;height:100%;width:100%;display:flex;justify-content:center;align-items:center}.portrait img{height:auto;width:auto;max-height:90%;max-width:90%;border-radius:4%;border:2px solid black}.footer{width:100%;bottom:var(--spacing-xs)}.footer p{margin-left:var(--spacing-xs);margin-bottom:10px;font-size:var(--font-size-footer)}.contacts{display:flex;justify-content:space-around;font-size:var(--font-size-contacts)}.contacts a{color:var(--text-secondary);text-decoration:none}@media(max-aspect-ratio:70/100){html{font-size:clamp(7px,2.5vw,30px);scroll-behavior:none}.container{max-height:80vh;max-width:85vw;height:100vh;width:100vw}.portrait img{visibility:hidden}.projects{grid-area:1 / 1 / 1 / 3}.medias{grid-area:2 / 1 / 2 / 3}}