:root{--bg:#000;--bg--lighter-1:#0d0d0d;--bg--lighter-2:#1a1a1a;--primary-color:#00db80;--primary-color-darker-1:#00a862;--secondary-color:#0079db;--fg:#f2f2f2;font-family:Roboto}*{margin:0;padding:0}body{background-color:var(--bg);color:var(--fg);gap:1em}h1{color:var(--primary-color);font-weight:800}h2{color:var(--primary-color);font-weight:350}h3{color:var(--secondary-color);font-weight:300}h4{color:var(--secondary-color);font-weight:350}a{color:inherit;width:100%;height:100%;text-decoration:none;display:block}a img{height:50%;margin:0 .25em}button{background-color:var(--bg--lighter-2);color:inherit;border:none;border-radius:4px;width:10em;height:4em}button a{flex:1;justify-content:center;align-items:center;display:flex}button:hover{background-color:var(--primary-color-darker-1)}.fixed-image{object-fit:cover;flex:1;width:auto;max-height:30em}.header{background-color:var(--bg--lighter-1);text-wrap-mode:nowrap;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;height:6em;padding:1em;display:flex}.header nav{flex-wrap:nowrap;column-gap:1em;display:flex}.hero{flex-direction:column;align-items:center;padding:5em;display:flex}.hero img:hover{filter:brightness(.8)}.hero-text{text-align:center}.projects{flex-wrap:wrap;justify-content:center;gap:1em;padding:1em;display:flex}.project{background-color:var(--bg--lighter-1);border-radius:12px;flex-direction:column;min-width:10em;max-width:20em;min-height:10em;display:flex;overflow:hidden}.project:hover{filter:brightness(.8)}.project-footer{flex-direction:column;justify-content:space-between;align-items:stretch;gap:1em;padding:1em;display:flex}.technologies{flex-wrap:wrap;display:flex}.technology{background-color:var(--bg--lighter-2);text-align:center;text-wrap-mode:nowrap;border-radius:16px;align-content:center;height:1em;padding:.5em}.technology:hover{background-color:var(--primary-color)}.footer{background-color:var(--bg--lighter-1);text-align:center;grid-template-rows:1fr 1fr;justify-content:center;height:6em;padding:0 1em;display:grid}