/*
  Landing Zone CSS
  Cizeta8088
  2022-06-10
  CC0
*/
@media screen {
  html {
    background:#0095b6;
    min-height:100%;
    color:#000;
    overflow-y:scroll;
    font-size:100%;
    font-family:Roboto,sans-serif;
    display:grid;
    place-items:center;
  }
  body {
    width:40%;margin: auto;
  }
  h1,h2,p {
    margin:0;
    padding:0;
  }
  a {
    text-decoration:none;
  }
  a:link {
    color:#000;
  }
  a:visited {
    color:#333;
  }
  a:active{
    color:#0f0;
  }
  a:focus {
    outline:none;
  }
  a:visited div {
    background:#ccc;
  }
  a:hover div {
    background:rgba(255,255,255,0.625);
    color:black;
  }
  a:focus div {
    background:rgba(255,255,255,0.75);
    color:black;
  }
  #header, .link {
    clear:both;
    padding:0;
    margin:1em auto;
    height:6em;
    border:1px solid #00d0ff;
    border-radius:5px;
    overflow-y:hidden;
    background:rgba(255,255,255,0.5);
    text-shadow:3px 3px 1px rgba(0,104,128,0.25);
    box-shadow:5px 5px 3px rgba(0,0,0,0.25);
  }
  #header img, .link img {
    display:block;
    float:left;
    height:6em;
    width:6em;
    border-right:1px solid #00d0ff;
  }
  #header h1, .link h1 {
    margin-left:3.5em;
    margin-top:0.4em;
  }
  #header h2, .link h2 {
    margin-left:4.75em;
    margin-top:0.875em;
  }
  #header p, .link p {
    margin-left:7.5em;
    margin-right:2em;
  }
}

@media screen and (min-width:800px) and (max-width:1050px) {
  body {
    font-size:0.8em;
  }
}

@media screen and (max-width:799px) {
  body {
    width:90%;
  }
}

@media screen and (max-width:490px) {
  body {
    font-size:0.8em;
  }
}

@media screen and (max-width:330px) {
  body {
    font-size:0.6em;
  }
}