.buttonbar a:hover{color:var(--accent);border-color:var(--accent)}@media(prefers-reduced-motion: no-preference){.skill.animate .hex{animation:tick 200ms}}.skill.animate .hex:nth-of-type(2){animation-delay:50ms}.skill.animate .hex:nth-of-type(3){animation-delay:100ms}.skill.animate .hex:nth-of-type(4){animation-delay:150ms}.skill.animate .hex:nth-of-type(5){animation-delay:200ms}@keyframes tick{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}.bio{background-color:#2a2a2a;background-color:var(--gray-light);color:#bbb;font-family:Roboto,sans-serif;font-size:20px;padding:30px 60px;display:flex;align-items:center;justify-content:center;gap:50px}.bio-image.bio-image{visibility:visible;display:flex;flex-direction:column;align-items:center;width:100%;max-width:350px;flex-shrink:0}.bio-image *{stroke:var(--accent) !important}.bio-image *{stroke-width:5;fill:none}.bio-image a{color:var(--accent);font-size:25px;font-weight:bold;text-align:center;line-height:105%;margin-top:30px;margin-bottom:5px}.bio-image-subtitle{font-size:14px;letter-spacing:2px;text-transform:uppercase}.bio-image-subtitle.bio-image-subtitle.bio-image-subtitle{animation-delay:.5s}.bio-image-text{opacity:0}.bio-image-text.animate{animation:spring 1s;animation-fill-mode:forwards}.bio-image svg{height:auto;visibility:hidden}.bio-content.bio-content{visibility:visible;max-width:60ch;text-align:justify}.bio h2{text-align:left}.bio p{line-height:170%}@media(max-width: 1000px){.bio{flex-direction:column;gap:20px}}.preview{background-color:#222;padding:50px;color:#bbb;display:grid;grid-template-columns:repeat(auto-fill, 300px);justify-content:center;grid-gap:50px;gap:50px;align-items:start}@media(min-width: 1200px){.preview{grid-template-columns:repeat(3, 300px)}}.preview img{width:100%}.preview .image-wrapper{width:100%;aspect-ratio:4/3;overflow:hidden}.preview article{background-color:var(--gray-light);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.preview .image-wrapper{font-size:20px;display:block}.preview-link{color:#bbb;padding-bottom:3px;font-weight:bold;font-size:25px;line-height:105%;margin-top:30px;margin-bottom:10px}.preview .preview-link:hover{color:var(--accent);border-color:var(--accent);transition:color .3s ease-in-out,border-color .3s ease-in-out}.preview-subtitle{font-size:14px;letter-spacing:2px;color:#888;font-style:italic}.preview-summary{color:#999;line-height:170%;font-size:15px}.footer{background-color:#1a1a1a;color:#888;font-size:14px;padding:30px 40px;font-family:Roboto,sans-serif;letter-spacing:2px;display:flex;justify-content:space-between}@media(max-width: 500px){.footer{flex-direction:column;align-items:center;gap:10px;text-align:center}}.header,.preview{background-image:url(background-tile.12c4767a.svg);background-size:20px}