@import url('https://fonts.googleapis.com/css2?family=Twinkle+Star&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');

* {
  box-sizing: border-box;
}

body {
  cursor: url(/pixels/pinkglitterheart.webp), auto;
  image-rendering: pixelated;
  padding: 22px;
  margin: 0;
}

flex {
  display: flex;
}

/*NAV*/
#nav {
  background: url(/assets/hellokittynavtab.gif);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 71px;
}

#adjust {
  width: fit-content;
  position: relative;
  left: 97px;
  top: 29px;
}

/*FONTS*/
p {
  background: linear-gradient(#ffffffdb, transparent);
  font-family: "Emilys Candy", serif;
  color: #60022a;
  margin: 0;
}

label {
  cursor: url(/pixels/pinkglitterheart.webp), auto;
}

a {
  cursor: url(/pixels/pinkkittenpaw.gif), auto;
  font-family: "Emilys Candy", serif;
  color: #60022a;
  margin: 0;
}

input, button {
  cursor: url(/pixels/pinkkittenpaw.gif), auto;
}

a:hover {
  font-family: "Twinkle Star", cursive;
}

h3 {
  cursor: url(/pixels/pinkglitterheart.webp), auto;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255 136 177) 30%, rgb(255 136 177) 70%, rgba(255, 255, 255, 0) 100%);
  font-family: "Twinkle Star", cursive;
  color: white;
  margin: 0;
  text-align: center;
}

th {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255 136 177) 30%, rgb(255 136 177) 70%, rgba(255, 255, 255, 0) 100%);
  font-family: "Twinkle Star", cursive;
  color: white;
}

tr {
  font-family: "Emilys Candy", serif;
  color: #60022a;
}

tr:nth-child(even) {
  background: white;
}

/*MOBILE*/
@media screen and (max-width:400px) {
  #nav {
    height: 60px;
  }
}

@media screen and (max-width:400px) {
  #adjust {
    left: 70px;
    top: 22px;
  }
}