@font-face{font-family:"HansHand";src:url("hanshand.eot");src:url("hanshand.eot?#iefix") format("embedded-opentype"),url("hanshand.woff") format("woff"),url("hanshand.ttf") format("truetype");font-weight:normal;font-style:normal}*{box-sizing:border-box}html{min-height:100vh;font-family:sans-serif;color:#eee;background-color:#0a0a0a;background-image:url("/bg.webp");background-attachment:fixed;background-size:cover;background-position:center center;background-repeat:no-repeat}body{margin:32px auto;padding:0 12px;max-width:640px}header,section,footer{margin:16px 0;padding:16px;background-color:#1a1a1a;border-bottom:solid 4px #111;border-radius:4px;overflow:auto}header *:first-child,section *:first-child,footer *:first-child{margin-top:0}header *:last-child,section *:last-child,footer *:last-child{margin-bottom:0}h1{font-family:"HansHand";font-size:3.2rem;text-align:center;cursor:default}h1 a{color:#eee;text-decoration:none}h1 a:hover{color:#fabe00}h2{cursor:default}h2 small,h3 small{color:#aaa;cursor:default}nav{color:#aaa}a{color:#fabe00}form input,form textarea{font-family:sans-serif;max-width:80em;width:100%;padding:8px;margin-bottom:8px;font-size:.9rem}form textarea{height:128px;resize:vertical}form button{margin-bottom:8px;padding:6px 12px;background-color:#71ee6d;border:none;border-bottom:solid 4px #46b342;border-radius:4px;font-size:1rem;cursor:pointer}form button:hover{background-color:#46b342}audio{width:100%;border-radius:4px}.lang{text-align:right}ul.timeline{list-style-type:none;padding-left:0}ul.timeline small{display:inline-block;width:6em;margin-right:1em}ul.timeline time{color:#aaa}#hero{height:320px;background-image:url("/photo/20150416/201504 - Strand 1.webp");background-size:cover;background-position:center center;border-bottom:0}.news{max-height:36ch;padding-right:16px;overflow-y:scroll}.news h4{margin:16px 0;padding:2px 6px;background-color:#2a2a2a}.news h4:first-child{margin-top:0}.album{margin-bottom:12px;padding:8px;min-height:150px;background-color:#445;border-bottom:solid 4px #334;border-radius:4px}.album h3{margin-top:0}.album h3 small{margin-left:12px}.album img{float:right;width:120px}@media screen and (max-width: 32em){.album img{float:none;margin-bottom:8px}}.album ol{counter-reset:item;list-style-type:none;padding-left:0}.album ol li::before{content:counter(item);counter-increment:item;display:inline-block;width:2em;margin-right:12px;color:#aaa;font-size:.8em}.album ol li small{margin-left:12px;color:#aaa;font-size:.8em;user-select:none}.gallery img{width:23%;margin-right:1%;margin-bottom:8px;aspect-ratio:1/1;object-fit:cover;cursor:pointer}@media screen and (max-width: 32em){.gallery img{width:30%;margin-right:2%}}.gallery img:hover{box-shadow:0 0 24px 12px rgba(0,0,0,.5);scale:1.1;z-index:10}.gallery img.full{position:fixed;left:0;top:0;width:100%;height:100%;margin:0;background:rgba(0,0,0,.8);aspect-ratio:initial;object-fit:contain;scale:1;z-index:100}.video-gallery a{position:relative;display:block;width:100%;height:92px;margin-bottom:8px;overflow:hidden}.video-gallery a p{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;z-index:100;font-size:1.4em;color:#fff !important;background-color:rgba(0,0,0,.8)}.video-gallery a img{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;scale:1.02;object-fit:cover}.video-gallery a:hover p{background-color:rgba(0,0,0,.2)}.video-gallery a:hover img{scale:1.1}