a:link {
    color:#CA75E4;
    text-decoration:none;
  }
  a:visited {
    color:#8B39A4;
    text-decoration: none;
  }
  a:hover {
    color:#DC6CFF;
    text-decoration:underline;
  }
  a:active{
    color:#CB26B5
  }
  
    body {
    background-image: url("https://file.garden/Zdi9nZzmo3pLm4dk/Misc./Star%20BG.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    font-family:monospace;
  }
  
  .info {
   background-color: rgba(26,0,54,0.75);
   font-family: serif;
    font-size: 25px;
    color:#AC62DE;
    border-radius:10px;
   border-style: solid;
   border-width:5px;
   border-color:#3B1861;
   padding:10px;
  }
       .infomoonview {
  background-color: rgba(0,17,78,0.75);
  font-family: serif;
  font-size: 25px;
  color:#677DCA;
  border-radius:10px;
  border: 20px solid transparent;
  border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Moon.png) 160 round;
  padding:10px;
  }

  .infocharactericons {
    display: inline-block;
    padding: 5px;
    max-width:300px;
    font-size:20px;
    margin:20px;
  }
  .infosanctum{
  background-color: rgba(94,0,19,0.75);
  font-family: serif;
  font-size: 25px;
  color:#E00346;
  border-radius:10px;
   border: 20px solid transparent;
        border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Flower.png) 160 round;
  padding:10px;
  }
        .header {
        background-image: url("https://file.garden/Zdi9nZzmo3pLm4dk/Fantasium-Header.png");
        text-align: center;
        height:500px;
        max-width:100%
      }
      ul{
        font-size:30px;
        text-align:center;
      }
      li{
        display:inline;
        list-style-type:none;
        background-color:#1F0040; 
        padding:5px;
      }
  .infosomnius{
  background-color: rgba(0,6,63,0.75);
  font-family: serif;
  font-size: 25px;
  color:#0071FF;
  border-radius:10px;
  border-style: solid;
  border-width:5px;
  border-color:#8A00EA;
  padding:10px;
  }
  .infopathopeir{
  background-color: rgba(130,47,153,0.75);
  font-family: serif;
  font-size: 25px;
  color:#C940E9;
  border-radius:10px;
  border-style: solid;
  border-width:5px;
  border-color:#AC00D2;
  padding:10px;
  }
  .infoneo{
  background-color: rgba(97,97,97,0.75);
  font-family: serif;
  font-size: 25px;
  color:#E8E8E8;
  border-radius:10px;
  border-style: solid;
  border-width:5px;
  border-color:#E8E8E8;
  padding:10px;
  }
  .infobastion{
  background-color: rgba(146,26,151,0.5);
  font-family: serif;
  font-size: 25px;
  color:#F67BEF;
  border-radius:10px;
  border-style: solid;
  border-width:5px;
  border-color:#F67BEF;
  padding:10px;
  }
  .infocarnival{
  background-color: rgba(90,21,140,0.75);
  font-family: serif;
  font-size: 25px;
  color:#8B00EF;
  border-radius:10px;
  border-style: solid;
  border-width:5px;
  border-color:#8B00EF;
  padding:10px;
  }

   .infolight {
        height:auto;
        width:auto;
        background-color:#F4DCFF;
        border-radius: 5px;
        border: 20px solid transparent;
        border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Fantasium.png) 160 stretch;
        color:#594464;
        font-size:35px;
        text-align:center;
      }

            .imagelight {
        background-color:#F4DCFF;
        border-radius: 5px;
       border: 20px solid transparent;
        border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Fantasium.png) 160 stretch;
        color:#594464 ;
        font-size:20px;
        padding:5px;
        text-align:center;
        margin:auto;
      }
          .infodark {
        background-color:#200030;
        border-radius: 5px;
    border: 20px solid transparent;
        border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Fantasium.png) 160 stretch;
        color:#A964EF;
         font-size:35px;
        text-align:center;
      }
                  .imagedark {
        background-color:#200030;
        border-radius: 5px;
        border: 20px solid transparent;
        border-image: url(https://file.garden/Zdi9nZzmo3pLm4dk/Site%20Borders/Border-Fantasium.png) 160 stretch;
        color:#A964EF ;
        font-size:20px;
        padding:5px;
        text-align:center;
        margin:auto;
      }
      .gallery {
    display:inline-block;
    padding: 5px;
    font-size:20px;
    margin:10px;
  }
  img{
    max-width:300px;
    
  }
  
  @media (max-width: 600px) {
     .gallery {
       display:flex;
       flex-direction:column;
    font-size:20px;
    text-align:center;
    max-width:200px;
    }
}