* {
    font-family: lucida grande, Helvetica, Arial, sans-serif;
    line-height: 1.2;
    letter-spacing: 0;
    cursor: url("cursors/NormalSelect.cur"), auto;
    /*Make sure to change cursors to URLs when possible*/
  }
  /*Wtf is this again???*/
  html.no-scroll {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 10;
  }
  
  body {
    background-image: url(/images/vdaybg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: FFF49E; 
    font-size: medium;
    
  }
  
  nav {
    margin: 5px 15% 5px;
    border: 2px solid #4d001f;
    box-shadow: 1px 1px 4px #33333376;
    text-align: center;
    max-height: 20%;
    min-height: 20%;
    background: FFF875;
    background: linear-gradient(
      0deg,
      #ffff80 0%,
      #FA4B99 95%,
      #FFF49E 100%
    );
  }
  
  h1 {
    font-weight: bolder;
    margin: 0px 5px 0px;
    padding: 0px;
  }
  h6 {
    margin: 0px 5px 0px;
    padding: none;
  }
  
  figure {
    margin: auto;
    width: 50%;
  }
  
  ins {
    color: #4d001f;
    background-color: #4d001f;
  }
  ins.SkyBox {
    color:#4d001f;
    background-image: url("/images/null_plainsky512_rt.jpg");
    text-decoration: none;
    border: 2px solid FFF875;
    margin: auto 50px;
  }
  
  body,
  div,
  ul,
  li,
  p {
    margin: 0;
    padding: 0;
    font-size: medium;
  }
  
  
  .featured {
    max-width: 70%;
    min-height: 70%;
    border: 2px solid #4d001f;
    background-color:#FFF875;
  }
  & img {
    max-height: auto;
    max-width: 100%;
    object-fit: contain;
  }
  
  h4.notif {
    margin: auto;
    text-align: center;
  }
  /* Nav styling */
  a {
    text-decoration: underline;
    color: #FF0089;
  }
  
  a:hover {
    color: #ffff80;
    cursor: url("cursors/LinkSelect.cur"), wait;
  }
  a:visited {
    color: #FF0089;
  }
  a:visited:hover {
    color: #ffff80;
  }
  
  /* Unsorted */
  article.about {
    margin: auto;
    max-width: 75%;
  }
  article.news {
    margin: 20px auto 20px;
    max-width: 50%;
    text-align: center;
    border: 2px solid #4d001f;
    background-color: #FF9ED1;
    padding-top: 0px;
  }
  h2.header {
    background-color: FFF875;
    text-align: left;
    padding: 0px;
    margin: 0px;
  }
  article.welcome {
    text-align: center;
    margin: 20px auto 20px;
    border: 2px solid #4d001f;
    padding: 3px;
    background-color: #FF9ED1;
    max-width: 50%;
  }
  
  article.credits {
    text-align: center;
    margin: 20px 25% 20px;
    border: 2px solid #4d001f;
    background-color: FFF875;
  }
  
  img.logo {
    height: 40px; !important
  }
  /* Games */
  img.gameicon {
    margin: auto; !important
  }
  
  #grid {
    height: auto;
    display: grid;
    grid-template-areas: "a a";
    gap: 20px;
    grid-auto-flow: row dense;
    margin: 10px 25% 10px;
  }
  
  #grid > div {
    text-align: center;
    margin: 15%;
    border: 2px solid #4d001f;
    width: 300px;
    height: 300px;
    padding: 5px;
    background-color: #FF9ED1;
    overflow-y: scroll;
  }
  
  /*Shaun's Number Guessing Game*/
  .scroll-left {
    margin: none;
    padding: none;
    overflow: hidden;
    position: relative;
    height: 25px;
  }
  .scroll-left p {
    margin: none;
    padding: none;
    position: absolute;
    color: #FF0089;
    background: ff0000;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    /* Starting position */
    transform: translateX(100%);
    /* Apply animation to this element */
    animation: scroll-left 60s linear infinite;
  }
  /* Move it (define the animation) */
  @keyframes scroll-left {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  .wrapper {
    height: 400px;
    width: 300px;
    border: 3px solid #4d001f;
    padding: 10px;
    text-align: center;
    margin: 20px auto 20px;
    background-color: #FF9ED1;
  }
  .input-field input:disabled {
    cursor: not-allowed;
  }
  
  p.warnings {
    max-height: 30px;
    overflow: scroll;
    border: 2px solid #4d001f;
    margin: 10px;
  }