@keyframes reveal{0%{opacity:0}}:root{--text-color-primary:#fff;--text-color-secondary:#999;--elevated-background:#121212;--hover-background:rgba(128,128,128,.125)}*{box-sizing:border-box}body{color:var(--text-color-secondary);background:#000;padding:0;margin:0;height:100%;font:15px arial,sans-serif}h2,h3,b{font-weight:400;color:var(--text-color-primary)}h2{padding:2px 0;font-size:24px}h2:first-child{margin-top:0}h3{margin:25px 0 10px;padding:2px 0;font-size:20px}h4{font-size:16px}.bold{font-weight:bold}p,ul{line-height:1.5}ul{list-style:disc;padding-left:16px}a{text-decoration:none;transition:.25s linear;color:#375c90}a:hover{text-decoration:underline}img{max-width:100%}header{position:fixed;top:0;left:0;right:0;height:56px;background:var(--elevated-background);text-align:center;overflow:hidden;box-shadow:0 0 4px rgb(0 0 0 / 50%);z-index:50}nav{width:100%;height:auto;top:56px;padding:14px 0;position:fixed;background:var(--elevated-background);visibility:hidden;opacity:0;transition:visibility 0s linear 0s,opacity 0s linear;box-shadow:0 0 4px rgb(0 0 0 / 50%);z-index:49}main{display:block;margin:56px 0 0;padding:32px}footer{height:56px}#logo{float:right;height:56px;padding:8px}#menubtn{float:left;width:40px;height:40px;margin:8px;background:center url("../images/menu/menu.svg") no-repeat;background-size:38px;outline:0;border:0 none;transition-duration:.5s;cursor:pointer}#menubtn:hover{background:rgba(0,0,0,.0725) center url("../images/menu/menu.svg") no-repeat;background-size:38px}.contact{display:flex;margin:1em 0;align-items:center;gap:16px}.contact>img{max-width:64px;object-fit:cover;aspect-ratio:2/3}.contact h3,.contact p{margin:0}.contact p{color:var(--text-color-secondary)}#menupicture{display:none}nav a{display:block;padding:8px 24px;text-align:center;color:var(--text-color-primary);font-size:16px}nav a.selected{text-decoration:underline;text-decoration-color:#375c90;text-underline-offset:2px}nav a:hover{background:var(--hover-background);color:var(--text-color-primary)}nav a:not(.selected):hover{text-decoration:none}img.intro{display:block;width:100%;height:128px;margin-bottom:1em;object-fit:cover;background:var(--elevation-pverlay);color:var(--text-color-primary);text-align:center}img.preview{max-height:256px}a.preview{text-decoration:none;position:relative;display:inline-block;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);margin-bottom:40px}a.preview:hover::before{display:block;position:absolute;height:100%;width:100%;top:0;left:0;text-align:center;content:'🔍';color:#fff;font-size:64px;line-height:256px;background:rgba(0,0,0,.5);animation:reveal .25s ease-in-out}a.preview::after{display:block;position:absolute;width:100%;left:0;margin-top:8px;text-align:center;color:var(--text-color-primary);content:attr(alt)}.button{display:inline-block;color:#fff;background:#375c90;padding:8px 16px;font-size:12px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.button:hover{background:rgba(55,92,144,0.95);text-decoration:none}.button:active{background:rgba(55,92,144,0.75)}.important{background:#ffcc80;padding:16px}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.grid-1-2{display:grid;grid-template-columns:repeat(1,1fr);gap:16px}.image{aspect-ratio:16/9;object-fit:cover;width:100%;height:100%}.span{grid-row:span 2}.span>.image{aspect-ratio:16/18}footer a{display:inline-block;color:var(--text-color-secondary);float:right;padding:10px 16px;margin-top:10px}footer a:hover{background:var(--hover-background);color:var(--text-color-secondary);text-decoration:none}@media only screen and (max-width:264px){a.preview{margin-bottom:16px}a.preview:hover::before{content:''}a.preview::after{display:none}}@media only screen and (min-width:600px){#menubtn{display:none}nav{display:inline-block;width:300px;bottom:0;overflow:auto;visibility:visible;opacity:1;transition:visibility 0s linear 0s,opacity 0s linear}#menupicture{display:block;width:300px;height:135.09px;padding:8px 18px}nav a{text-align:right}main{max-width:800px;margin:56px 0 56px 300px}.grid-1-2{grid-template-columns:repeat(2,2fr)}}@media print{header,nav,footer{display:none}main{margin:0}}