:root{--bg-primary:#cccccc;--text-primary:#000000;--text-secondary:#3b5391;--font-header:"Arial", 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%;margin:1rem}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;flex-wrap:wrap}h1{font-family:var(--font-header);font-size:115px;margin:0;color:var(--text-primary)}a{text-decoration:none;pointer:cursor}p a,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{width:100%}.cv-side h2{text-align:left;font-family:var(--font-body);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}input,textarea{resize:vertical;background-color:#ccc;border:1px solid #000;color:#000;width:100%;margin-bottom:1rem;padding:.5rem}button{padding:10px;background-color:#ccc;border:1px solid #000}.cv-side p{text-align:left;font-family:var(--font-body);font-size:1.2em;margin-bottom:5px}.post-row{display:flex;gap:10px}.container{position:relative;width:50%}.image{display:block;width:100%;height:auto}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:auto;width:100%;opacity:0;transition:.5s ease;background-color:var(--text-secondary)}.container:hover .overlay{opacity:1}.text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}@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;padding:0}}@media screen and (min-width:1200px){header{max-width:35rem}h1{font-size:200px}}