/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
   
   /* Phone formatting */
@media (max-width: 1200px) {
body {
  /*background-image: url(https://emberblade.neocities.org/BackgroundHome.png);*/
  color: white;
  font-family: 'Comic Sans MS';

  /* Main Page for MOBILE*/
}
body.main-page {
  background: linear-gradient(to bottom, #3c489e 10%, #da4167 90%);
  background-size: 100%;
  background-repeat: no-repeat;
}

  /* TOS Page for MOBILE */
body.tos-page {
  background: linear-gradient(to bottom, #6f300d 10%, #e3a630 90%);
  background-size: 100%;
  background-repeat: no-repeat;
}



div.hover-scale {margin-left: 40px}

  .hover-scale {
      transition: transform 0.3s ease;
      overflow: hidden;
      display: inline-block;
  }

  .hover-scale img {
      display: block;
      max-width: 90%;
     height: auto;
      transition: transform 0.35s ease;
  }

  .hover-scale:hover img {
      transform: scale(1.05);
  }
  ul.conditions {
    max-width: 80%; 
    font-size: 1.15rem; 
    margin-left:35px;
    margin-right: 50px;
  }
}


   /* PC formatting */
@media (min-width: 1201px) {
body {
  /*background-image: url(https://emberblade.neocities.org/BackgroundHome.png);*/
  background-color: black;
  color: white;
  font-family: 'Comic Sans MS';

  /* Main Page for PC */
}
body.main-page {
  background-image: url(https://emberblade.neocities.org/BackgroundHome.png);
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

    /* TOS Page for PC */
body.tos-page {
  background-image: url(https://emberblade.neocities.org/BackgroundTOS.png);
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}



div.hover-scale {margin-left: 40px}

  .hover-scale {
      transition: transform 0.3s ease;
      overflow: hidden;
      display: inline-block;
  }

  .hover-scale img {
      display: block;
      transition: transform 0.35s ease;
  }

  .hover-scale:hover img {
      transform: scale(1.05);
  }
  ul.conditions {
    max-width: 500px; 
    font-size: 1.15rem; 
    margin-left:35px;
    margin-right: 35px;
  }
}