:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}nav{display:flex;justify-content:space-between;align-items:center;padding:0 30px;margin:0;background-color:#deb887;height:8vh}nav .links{margin-right:80vw;display:flex}nav .links>a{font-size:2rem;color:#f5f5f5;font-weight:bolder;margin-right:1vw;text-decoration:inherit}nav .links>a:hover{color:#00f;font-weight:bolder;text-shadow:5px 5px 10px black}.logo{margin:2vw 1vh}.logo>img{height:6vh}@media screen and (max-width: 600px){nav{margin:0;padding:3px}nav.links>a{font-size:1rem}}header{margin-bottom:5vh}h1{font-size:3rem;line-height:1}th{color:#fff;background-color:#00008b;font-weight:bolder;border-color:#f5f5f5}.socials-table{table-layout:fixed;padding:15px;align-items:center;justify-content:center;display:block;border-collapse:collapse;font-size:1.5rem}.socials-table>tr>th,.socials-table>tr>td{border:3px darkblue solid;padding:30px}.socials-table>tr>td>a>img{max-width:100px}.socials-table>tr>td>a>img:hover{box-shadow:0 0 25px red}@media screen and (max-width: 600px){.socials-table{font-size:1rem}.socials-table>tr>td>a>img{max-width:50px}}.projects-table{align-items:center;justify-content:center;display:block;border-collapse:collapse;font-size:1.5rem;padding:30px;width:100vw}.projects-table>tr>td>a>img{max-width:90px}.projects-table>tr>th,.projects-table>tr>td{border:3px darkblue solid;padding:10px}.projects-table>tr>td>a>img:hover{box-shadow:0 0 25px red}@media screen and (max-width: 600px){.projects-table{font-size:1rem}.projects-table>tr>td>a>img{max-width:50px}}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.mobile-only-text{color:red;font-size:large}
