@import url('//fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
      :root{
        --main:#ff0000;
        --secondary:#fff;
        --br:20px;
        --border:3px solid var(--main);
        --bg-primary:white;
        --bg-secondary:#f4f4f4;
        --text:black;
        --text-muted:gray;
      }
      html[data-mode="dark"]{
        --secondary: #141414;
        --bg-primary: #212121;
        --bg-secondary: #111111;
        --text: #ffffff;
        --text-muted: #a1a1a1;
      }
      html{
        /*background-image: url('data:image/webp;base64,UklGRkgAAABXRUJQVlA4TDwAAAAvB8ABAB+gpm0Dhj/fXJ001LRtwPDnm6tTTdsGDH++uTrnP/5PQhIACDUwbr6y6CC0IOJF9D90RuprBBc=');*/
        /*background:repeating-linear-gradient(135deg, var(--bg-secondary) 0px, var(--bg-primary) 8px);*/
        background-color:var(--bg-secondary);
      }
      html,body,#site{
        width:100vw;
        height:100vh;
        margin:0;
      }
      #site { display:contents; }
      ::selection {
        color: var(--secondary);
        background: var(--main);
      }
      body{
        display:flex;
        flex-direction:column;
      }
      .container{
        margin:0;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
      .logo{
        height:5rem;
        margin-top:10vh;
      }
      .logo > img{
        height:100%;
        /*filter:drop-shadow(0 0 30px #fff);*/
      }
      #domain{
        padding:.5% 1%;
        padding:.5rem 1rem;
        font:inherit;
        font-size:100%;
        margin:1.1vh;
        border:var(--border);
        border-radius:var(--br);
        font-family:"Inter", sans-serif;
        background-color:var(--secondary);
        color:var(--text);
      }
      /* 2025-05-08 */
      #domain:focus-visible {
        outline: 2px #000 solid;
      }
      /* end */

      #lookup{
        font:inherit;
        background-color:var(--main);
        color:var(--secondary);
        border:0;
        border-radius:var(--br);
        padding:.5% 2%;
        padding:.5rem 2rem;
        font-size:100%;
        font-family:"Inter", sans-serif;
        font-weight:600;
        cursor:pointer;
        outline:var(--border);
      }
      #lookup:hover{
        background-color:var(--secondary);
        color:var(--main);
      }
      .information:empty{
        display:none;
      }
      .information{
        display:table;
        font-family:monospace;
        font-size:145%;
        padding:1rem 1.5rem;
        background-color:var(--secondary);
        border:var(--border);
        border-radius:var(--br);
        margin:0 auto;
        margin-top:1.2vh;
        color:var(--text);
      }
      /* TEXTS INFORMATION */
      .notice{
        color:var(--text-muted);
        font-style:italic;
      }
      .notice p{
        color:var(--text-muted);
      }
      .right{
        float:right;
        display:block;
      }
      p,ol{
        margin:0;
        color:var(--text);
      }
      a{
        text-decoration:none;
        color:var(--main);
      }
      a:hover{
        text-decoration:underline;
      }
      *{
        box-sizing: border-box;
      }
      .autospacer{
        flex:1 0 auto;
      }
      .footer{
        flex-shrink:0;
        margin:0 auto;
        padding:1rem 0;
        font-family:"Inter", sans-serif;
        color:var(--main);
      }

/* 2024-12-10 */
.personvern p,
h1{
  font-family:"Inter", sans-serif;
}

h1{
  color:var(--main);
}

.personvern{
  padding:1rem;
}

/* 2025-09-17 */

body {
  --sb-track-color: #ffffff;
  --sb-thumb-color: #ff0000;
  --sb-size: 14px;
}

body::-webkit-scrollbar {
  width: var(--sb-size)
}

body::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 3px;
}

body::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 3px;
  
}

body {
  scrollbar-color: var(--sb-thumb-color)
                   var(--sb-track-color);
}

/* 2025-10-14 */
#theme-switcher{
  width:2rem;
  aspect-ratio:1/1;
  margin:1rem;
  background-image:url(moon.svg);
  background-size:contain;
  display: flex;
  align-self: flex-end;
  /*margin-bottom:0;*/
  position:fixed;
  bottom:0;
}

[data-mode="dark"] #theme-switcher{
  background-image:url(sun.svg);
}

#theme-switcher:hover{
  cursor:pointer;
  opacity:0.7;
}