:root {
  --textbox: rgba(0,0,0,0.95);
  --text: #ECEDCC;
  --text-dark: black;
  --link: #7DFF33;
  --basefont: "3270";
}


body {
  background-image: url("/Images/Full Background.avif");
  background-repeat: repeat-y;
  font-family: var(--basefont);
  max-width:70em;
  text-align:center;
  margin:auto;
}

.Logo img{
 max-width: 25em; 
 margin: auto;
 display:flex;
}

.slideGallery {
  display:none;
  margin:auto;
  max-height: 38em;
  max-width:100%;
}

.slideButton{
 padding:0.5em;
}

.slideContainer{
 background-color: var(--textbox);
 padding-left:1em;
 padding-right:1em;
 padding-top:1em;
}

.devlog{
 text-align:left; 
}

.DownloadContainer{
   display:flex;
   margin:auto;
   padding:1em;
   justify-content:center; 
}

.DownloadButton{
  background-color: var(--textbox);
  color: var(--link);
  background-opacity: 0.5;
  padding: 1em;
  font-size: 1.4em;
  margin-left:0.5em;
  margin-right:0.5em;
}

.DownloadButton:hover{
  transform: scale(1.1);
  color: var(--text-dark);
  background-color: var(--link);
  transition: all 0.2s ease-in-out;

}

.GameDescription{
  background-color: var(--textbox);
  color: var(--text);
  background-opacity: 0.5;
  padding: 2em;
  font-size: 1.5em;
  margin-bottom:3em;
  max-width:30em;
  margin: auto;
} 

.siteButtons{
  margin: 1em;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}

.siteButtons img{
  image-rendering: crisp-edges;
  height: 62px;
  padding:0.5em;
  transition: all 0.3s ease-in-out;
}

.siteButtons img:hover{
  transform: scale(1.1);
}

@font-face {
  font-family: "3270";
  src: url(/Fonts/3270SemiCondensed-Regular.otf), format("opentype");
}

@media (max-aspect-ratio: 1/1) {
  .siteButtons img {
    height: 45px;
    padding:0.1em;
  }
  .Logo img{
   width: 75%; 
  }
  .siteButtons{
    margin: 0em;
  } 
  body{
    max-width: 120em;
    padding:0.25em;
  }
}