* {
  font-family: lucida grande, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  letter-spacing: 0;
  cursor: url(https://th.bing.com/th/id/R.ef1bde4e7cf6b0fee3f5b285de6aa63c?rik=LiIIJML5H%2bXKiA&riu=http%3a%2f%2fwww.rw-designer.com%2fcursor-view%2f134299.png&ehk=ZJ7N2%2fIql6yPymh3p67GhCMSYoyJCxrV6jfsBezHtHI%3d&risl=&pid=ImgRaw&r=0),
    auto !important;
}

body {
  background: #ffffff;
  background: linear-gradient(
      0deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(204, 222, 221, 1) 90%,
      rgba(196, 196, 196, 1) 100%
    )
    no-repeat fixed;
}

nav {
  margin: 5px 15% 5px;
  border: 2px solid #000;
  box-shadow: 1px 1px 4px #33333376;
  text-align: center;
  background: #aeb4da;
  background: linear-gradient(
    0deg,
    rgba(174, 180, 218, 1) 0%,
    rgba(77, 93, 174, 1) 95%,
    rgba(174, 180, 218, 1) 100%
  );
}

h1 {
  font-weight: bolder;
  margin: 10px 10px 2px;
}
nav h3 {
  margin: 2px 10px 10px;
  color: white;
}
h6 {
  margin: 0px 5px 0px;
  padding: none;
}

figure {
  margin: auto;
  width: 50%;
}

ins {
  color: black;
  background-color: black;
}

.featured {
  max-width: 70%;
  max-height: 450px;
  border: 2px solid black;
  overflow: scroll;
  scrollbar-gutter: 10px;
}
img.fanart {
  max-width: 100%;
  max-height: 300px;
  margin: 5px 25% 5px;
}

h4.notif {
  margin: auto;
  text-align: center;
}
/* Nav styling */
a {
  text-decoration: underline;
  color: #0000ee;
}

a:hover {
  color: #dd6900;
}
a:visited {
  color: #0000ee;
}
a:visited:hover {
  color: #dd6900;
}

/* Unsorted */
article.about {
  margin: auto;
  max-width: 75%;
}
article.news {
  margin: 20px auto 20px;
  max-width: 50%;
  text-align: center;
  border: 2px solid black;
  background-color: #ddeeff;
  padding-top: 0px;
}
h2.header {
  background-color: #aeb4da;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
article.welcome {
  text-align: center;
  margin: 20px auto 20px;
  border: 2px solid black;
  padding: 3px;
  background-color: #ddeeff;
  max-width: 50%;
}

article.credits {
  text-align: center;
  margin: 20px 25% 20px;
  border: 2px solid black;
  background-color: #aeb4da;
}

img.logo {
  height: 40px;
}
/* Games */
img.gameicon {
  margin: auto;
}
div.games {
  display: grid;
  grid-template-areas: "a a";
  gap: 10px;
  left: 25%;
  right: 25%;
  margin: auto;
  max-width: 50%;
  max-height: 80%;
  padding: 5px 5%;
}
div.game-l {
  text-align: center;
  margin: 5px 25% 5px 15%;
  border: 2px solid black;
  width: 300px;
  height: 300px;
  padding: 5px;
  background-color: #ddeeff;
  overflow-y: scroll;
}
div.game-r {
  text-align: center;
  margin: auto;
  border: 2px solid black;
  width: 300px;
  height: 300px;
  padding: 5px;
  background-color: #ddeeff;
  overflow-y: scroll;
}

/*Shaun's Number Guessing Game*/
.wrapper {
  height: 400px;
  width: 300px;
  border: 3px solid black;
  padding: 10px;
  text-align: center;
  margin: 20px auto 20px;
  background-color: #ddeeff;
}
.input-field input:disabled {
  cursor: not-allowed;
}