body{
    background-color: rgb(0, 0, 0);
    background-image: url(/ass/city.png);
    background-size: 100%, 100% ; /* Choose: cover / contain / 200% / etc */
    /*background-repeat: stretch;*/
    background-attachment: fixed; }


#bubberfly{
    width: 6%;
}

.miniheader {
     display: flex;
    justify-content: space-between; /* left, center, right spacing */
    align-items: center;   
    text-align: center;        /* vertically align text/images if needed */
    width: 100%;                   /* full width container */
    padding: 0 0%;     
    margin: auto;
    margin-bottom: 80px;

           
}
h3 {
  text-decoration:aliceblue;
  color: rgb(212, 183, 228);
}

.container{
  
   margin: auto;
   margin-top: -50px;
   margin-bottom: 130px;
float: center;
    width: 59%;
    border-width: 5px;
    border-style: ridge;
    border-radius: 10px;
    border-color: rgb(255, 255, 255);
    margin-left: 21%;
    margin-right: 0;
    background-color: rgb(212, 183, 228);
    
}

.bubble {
  padding: 1%;
  width: 15%;
}

#dogs {
  width: 65%;
}


h1{
  margin: 2%;
   color: floralwhite;
   font-size: large;
}
.rightbox {
  width: 10%;
  float: right;
  margin:2%;
  margin-top: -50px;
  
}



.little{
  width: 100%;
  margin-bottom: 10%;
}


#mygames {
    width: 100%;
}




.sidebox {
  margin: auto;
    width: 15%;
     float: left;
     margin-left: 1%;
    margin-top: -50px;;
}

.menu{
  width: 100%;
  background-color:rgb(212, 183, 228);
   border-width: 5px;
    border-style: ridge;
    border-radius: 10px;
    border-color: rgb(255, 255, 255);
 
}

.leftbox {
  margin: auto;
  
 width: 75%;
}










button {
  margin: 1px;
  box-shadow: 3px 3px 0 black;
  font-size: 14px;
}

button:hover {
  box-shadow: 1px 1px 0 black;
  transform: translate(2px, 2px);
}

.specialbutton{
     margin: 1px;
  box-shadow: 3px 3px 0 black;
  font-size: 14px;
  border-radius: 1px;
    background-color: rgb(255, 182, 238);;
}



.poster{
  
  display: flex;
  gap: 20px;
  width: 90%;
  margin: 4.5%;

}
.posterbox {
  margin: auto;
width: 40%;
}

#poster{
  width: 100%;  
}

.cover{
  width: 50%;
  image-rendering: pixelated;
}