html,body,p{margin:0;padding:0}h1{font-size:1em}img{display:block}.clear{clear:both}@font-face{font-family:"Libre Baskerville";src:url("../fonts/librebaskerville-bold.woff2") format("woff2"),url("../fonts/librebaskerville-bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Libre Baskerville";src:url("../fonts/librebaskerville-italic.woff2") format("woff2"),url("../fonts/librebaskerville-italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Fira Sans";src:url("../fonts/firasans-medium.woff2") format("woff2"),url("../fonts/firasans-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Fira Sans";src:url("../fonts/firasans-book.woff2") format("woff2"),url("../fonts/firasans-book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}body{margin-bottom:4em;padding:0 2em;line-height:1.4;font-family:"Libre Baskerville",serif;-webkit-font-smoothing:antialiased}@media(min-width: 1200px){body{font-size:1.12em}}@media(max-width: 600px){body{padding:0 1.5em}}@media(max-width: 360px){body{padding:0 1em}}p{margin-bottom:.75em}h2{margin-block:.83em}.intro,.portfolio,.contact{margin:6em 0 10em}@media(max-height: 700px){.intro,.portfolio,.contact{margin:3em 0 5em}}.intro{max-width:50em;margin-inline:auto}.seperator{margin:0 auto;width:2.4em;height:auto}.intro{margin-top:10em}@media(max-height: 700px){.intro{margin-top:5em}}@media(max-height: 500px){.intro{margin-top:3em}}.intro p,.intro h2{font-size:1.5em;font-weight:700;text-wrap-style:balance}@media(max-height: 500px){.intro p,.intro h2{margin-bottom:.5em}}@media(max-width: 360px){.intro p,.intro h2{font-size:1.3em}}.intro a{position:relative;color:inherit;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:ease-out}.intro a::after{position:absolute;left:0;right:0;bottom:2px;display:block;content:"";height:2px;background:#000;transition-property:background;transition-duration:250ms;transition-timing-function:ease-out}.intro a:focus,.intro a:hover{color:#d90000}.intro a:focus::after,.intro a:hover::after{background:#d90000}.portfolio{max-width:1002px;margin-inline:auto}.portfolio h2{margin-bottom:2em;font-weight:normal;font-style:italic;font-size:1.5em;text-align:center;text-wrap-style:balance}@media(max-width: 600px){.portfolio h2{margin-bottom:1em;font-size:1.4em}}.portfolio .container{display:grid;grid-template-columns:repeat(3, 1fr);justify-content:center}@media(max-width: 960px){.portfolio .container{max-width:664px;margin-inline:auto;grid-template-columns:repeat(2, 1fr);justify-items:start}}@media(max-width: 540px){.portfolio .container{grid-template-columns:1fr;justify-items:center}}.portfolio .container a{position:relative;display:grid;max-width:332px;margin:-1px;border:2px solid #000;text-align:center;color:inherit;text-decoration:none;overflow:hidden;transition:color 300ms}.portfolio .container a span{grid-column-start:1;grid-row-start:1;z-index:1;position:relative;margin:auto;font-family:"Fira Sans",sans-serif;font-size:.8em;font-weight:500;letter-spacing:.06em}.portfolio .container a figure{grid-column-start:1;grid-row-start:1;margin:0;opacity:0;filter:blur(1px);transform:scale(1.01);transition-property:opacity,transform,filter;transition-duration:300ms,350ms,350ms;transition-timing-function:ease-out}.portfolio .container a figure img{width:100%;height:auto}.portfolio .container a:focus.white-text,.portfolio .container a:hover.white-text{color:#fff}.portfolio .container a:focus figure,.portfolio .container a:hover figure{opacity:1;filter:blur(0);transform:scale(1);transition-duration:300ms,350ms,350ms;transition-timing-function:ease-out}.contact{margin-bottom:7em;text-align:center}@media(max-height: 700px){.contact{margin-bottom:3.5em}}.contact p{margin-bottom:2em;font-weight:700}.contact p a{position:relative;color:inherit;text-decoration:none;transition-property:color;transition-duration:250ms;transition-timing-function:ease-out}.contact p a:focus,.contact p a:hover{color:#d90000}.contact p .small{display:inline-block;position:relative;font-family:"Fira Sans",sans-serif;font-size:.7em;font-weight:400}.contact p .small::after{position:absolute;left:0;right:0;bottom:1px;display:block;content:"";height:1px;background:#000;opacity:0;transition-property:opacity;transition-duration:250ms;transition-timing-function:ease-out}.contact p .small:focus,.contact p .small:hover{color:inherit}.contact p .small:focus::after,.contact p .small:focus::after,.contact p .small:hover::after,.contact p .small:hover::after{opacity:1}.contact .mail{line-height:1.3}.contact .tel{letter-spacing:.02em}.contact .social_media{margin-top:2.1em}.contact .social_media a{position:relative;margin:0 .12em;padding:1px;box-sizing:border-box;display:inline-block;width:1.5em;height:1.5em;border-radius:.75em;border:1.5px solid #000;transition-property:border-color,background-color;transition-duration:250ms;transition-timing-function:ease-out;color:inherit}.contact .social_media a svg{width:100%;height:100%;fill:#000;transition:fill 250ms ease-out}.contact .social_media a .title{position:absolute;top:-1.9em;left:-2em;right:-2em;text-align:center;font-family:"Fira Sans",sans-serif;font-size:.7em;opacity:0;transform:translateY(0.5em);transition-property:opacity,transform;transition-duration:250ms;transition-timing-function:ease-out}.contact .social_media a:focus svg,.contact .social_media a:hover svg{fill:#fff}.contact .social_media a:focus .title,.contact .social_media a:hover .title{opacity:1;transform:translateY(0)}.contact .social_media a.mastodon:focus,.contact .social_media a.mastodon:hover{background-color:#6263ff;border-color:#6263ff}.contact .social_media a.mastodon .title{color:#6263ff}.contact .social_media a.twitter:focus,.contact .social_media a.twitter:hover{background-color:#55acee;border-color:#55acee}.contact .social_media a.twitter .title{color:#55acee}.contact .social_media a.vimeo:focus,.contact .social_media a.vimeo:hover{background-color:#1ab7ea;border-color:#1ab7ea}.contact .social_media a.vimeo .title{color:#1ab7ea}.contact .social_media a.github:focus,.contact .social_media a.github:hover{background-color:#221e1b;border-color:#221e1b}.contact .social_media a.github .title{color:#221e1b}.contact .social_media a.a500px:focus,.contact .social_media a.a500px:hover{background-color:#2a2724;border-color:#2a2724}.contact .social_media a.a500px .title{color:#2a2724}/*# sourceMappingURL=style.css.map */