/*
 ███████ ███████ ██████  ██████   ██████  ███    ██ ███████ ███    ██
 ██      ██      ██   ██ ██   ██ ██    ██ ████   ██ ██      ████   ██
 ███████ █████   ██████  ██████  ██    ██ ██ ██  ██ █████   ██ ██  ██
      ██ ██      ██      ██      ██    ██ ██  ██ ██ ██      ██  ██ ██
 ███████ ███████ ██      ██       ██████  ██   ████ ███████ ██   ████

           P  O  R  T  A  L       studio.anttisepponen.com

   ------------------------------------------------------------------
   |                                                                |
   |                                                                |
   |                                                                |
   ------------------------------------------------------------------

*/
html,body,main{color:#17191b;background:#fafaf7;width:100%;height:100%;margin:0}body{font-family:system-ui,sans-serif}main{place-items:center;height:100dvh;display:grid;position:relative}#tv-kuva{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}#tv-tila{text-align:center;margin:1rem;line-height:1.5;position:absolute}#tv-kuva[hidden],#tv-tila[hidden]{display:none}:focus,:focus-visible{outline:none}#tv-toiminnot{max-width:calc(100% - 2rem);position:absolute;bottom:1rem;right:1rem}#tv-koko{font:inherit;min-height:44px;color:inherit;cursor:pointer;background:#fafaf7;border:1.5px solid #17191b;border-radius:12px;padding:.6rem 1rem}#tv-koko:hover,#tv-koko:focus-visible{font-weight:600}#tv-koko-tila{color:#5d646d;margin:.5rem 0 0;font-size:14px;line-height:1.5}#tv-toiminnot[hidden],#tv-koko[hidden],#tv-koko-tila[hidden]{display:none}