@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

  :root {
    --anime-font: "Inter", sans-serif;
    --anime-bg: #b0e6ff;
    --anime-border: rgb(0, 119, 255);
    --anime-white: rgb(255, 255, 255);
    --anime-cover: rgb(26, 10, 85);
    --anime-box-shadow: 0 0 20px 5px rgb(170, 170, 255);
  }

  * {
    font-family: var(--anime-font);
  }

  /* type selectors */
  body {
    /* propertyName: propoertyValue; */
    background: var(--anime-white);
  }
  
  h1 {
    margin-top: 0;
    margin-bottom: 5px;
  }

  h2 {
    margin-bottom: 5px;
  }

  h3 {
    font-size: 16px;
    font-weight: 500;
  }

  p {
    margin-top: 0;
    margin-bottom: 15px;
  }

  hr {
    height: 2px;
    background: var(--anime-border);
    border-color: transparent;
    margin: 0;
  }

  figure {
    margin-top: 10px;
  }

  section {
    margin-bottom: 10px;
  }

  fieldset {
    margin-bottom: 10px;
  }

  /* class selectors */
  .container {
    background: var(--anime-bg);
    width: 80%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    border-radius: 1rem;
  }

  /* anime movies */
  .anime-movie-list p {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
  }

  .anime-movie-title {
    text-align: left;
    width: 50%;
  }

  .anime-movie-studio {
    text-align: right;
    width: 50%;
  }

  /* anime series */
  .anime-series-selection {
    text-align: center;
    padding: 10px 0; 
  }

  .anime-series {
    width: 80%;
    height: 1rem;
    margin: 10px auto;
    border-radius: 1rem;
  }

  .space {
    width: 1rem;
    height: 1rem;
  }

  .cover {
    width: 25rem;
    height: 1rem;
    background-color: var(--anime-cover);
    border-left: 10px double var(--anime-border);
    border-right: 10px double var(--anime-border);
  }

  .space, .cover {
    display: inline-block;
  }

  .first {
    background: linear-gradient(90deg, rgb(0,0,255), rgb(0,150,255));
    box-shadow: var(--anime-box-shadow);
  }

  .second {
    background: linear-gradient(90deg, rgb(255,0,255), rgb(255,0,150), rgb(255,0,200));
  }

  .third{
    background: linear-gradient(90deg, rgb(255,255,0), rgb(0,255,0));
  }

  /* footer */
  footer {
    text-align: center;
  }

  footer p {
    margin-top: 15px;
    margin-bottom: 0px;
  }