:root{--bg-primary:#cccccc;--text-primary:#000000;--text-secondary:#3b5391;--font-header:"Bebas Neue", sans-serif;--font-body:"Roboto Mono", serif}html{background-color:var(--bg-primary);color:var(--text-primary)}body{margin:0}.page-container{display:flex;flex-direction:column;justify-content:flex-start;gap:5%}header{max-width:100%;position:sticky;padding:1rem;font-size:16px;font-family:var(--font-body);color:var(--text-primary)}nav{display:flex;gap:5px;justify-content:center}h1{font-family:var(--font-header);font-size:115px;margin:0;color:var(--text-primary)}a{text-decoration:none;pointer:cursor}nav a{text-decoration:none;color:var(--text-secondary);transition:.5s}nav a::before{content:"["}nav a::after{content:"]"}nav a:hover{cursor:pointer}p{font-family:var(--font-body);text-align:center;margin:10px 0 25px}.cv-side{padding:1rem;max-width:100%}.cv-side h2{text-align:left;font-family:var(--font-header);font-size:2em;margin-bottom:1rem}.cv-side h2::after{content:"";display:block;position:relative;left:0;bottom:5px;width:100%;height:5px;background-color:var(--text-secondary);z-index:-1}.cv-side p{text-align:left;font-family:var(--font-body);font-size:1.2em;margin-bottom:5px}@media screen and (min-width:450px){h1{font-size:150px}}@media screen and (min-width:800px){h1{font-size:150px}.page-container{flex-direction:row}header{position:sticky;height:100vh;top:0;margin:0;max-width:25rem}}@media screen and (min-width:1200px){header{max-width:35rem}h1{font-size:200px}}