/* --- Backgroud settings --- */

body {
  background-color: rgb(0,0,20);
  color: white;
  height: 5000px;
  font-style: serif;
}

lb {
  padding-top:0px;
  padding-left:3px;
  padding-bottom:0px;
  padding-right:3px;
  border-radius:5px;
  
  outline-width:2px;
  outline-color: rgb(0,0,0);
  outline-style:solid;

  color: rgb(165,165,235);
  text-decoration:none;
    
  background: rgb(175,175,175);
  background: linear-gradient(0deg,rgba(25,25,55,1) 0%, rgba(105,105,215,1) 100%);    
}

a:link, a:visited, lb:link, lb:visited {
  color: rgb(165,165,235);
  text-decoration: none;
  outline-color: rgb(0,0,0);
}

a:hover, a:active, lb:hover, lb:active {
  color: white;
  text-decoration: none;
}

lb:link, lb:visited {
  color: rgb(165,1665,235);
  text-decoration: none;
  background: linear-gradient(0deg,rgba(25,25,55,1) 0%, rgba(105,105,215,1) 100%)
}
lb:hover, lb:active {
  color: white;
  text-decoration: none;
  background: linear-gradient(0deg,rgba(75,75,105,1) 0%, rgba(145,145,255,1) 100%)
}

b1 {
  padding-top:1px;
  padding-left:6px;
  padding-bottom:1px;
  padding-right:6px;
  border-radius:5px;
  
  outline-width:2px;
  outline-color: rgb(0,0,0);
  outline-style:solid;
  
  color:black;
  
  background: rgb(175,175,175);
  background: linear-gradient(0deg,rgba(25,25,25,1) 0%, rgba(195,195,195,1) 100%); 
}

/* --- Top --- */

top {
  width: 100%;
  height: 100px;
  position: absolute;
  top:0px;
  left:0px;
  background: rgb(75,75,75);
  background: linear-gradient(0deg,rgba(25,25,25,1) 0%, rgba(95,95,95,1) 100%);
  outline-width:4px;
  outline-color: rgb(0,0,0);
  outline-style:solid;
}

.maintitlelogo {
 width: 120px;
 height: 120px;
 position:absolute;
 top: -23px;
 left:14px;
 image-rendering: pixelated;
}

madein {
  position:absolute;
  top:4px;
  left: 140px;
  font-size: 15px;    
}

mainmenu {
  padding-top:5px;
  padding-left:10px;
  padding-bottom:5px;
  padding-right:10px;
  border-radius:15px;
  
  outline-width:4px;
  outline-color: rgb(0,0,0);
  outline-style:solid;
  
  color:black;
  font-size:50px;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  background: rgb(175,175,175);
  background: linear-gradient(0deg,rgba(25,25,25,1) 0%, rgba(195,195,195,1) 100%); 
}

.construction {
  color: yellow;
  outline-color: yellow;
  
  width:180px;
  
  position:absolute;
  top:10px;
  right: 15px;
  transform: translate(0%, 0%);
  
  background: rgb(0,0,0);
  background: linear-gradient(0deg,rgba(0,0,0,1) 0%, rgba(55,55,55,1) 100%);
}

/* --- Left Wing --- */

lw {
  width: 150px;
  height: 5100px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: rgb(75,0,0);
  background: linear-gradient(90deg,rgba(50,0,0,1) 0%, rgba(125,25,25,1) 100%);
  outline-width:4px;
  outline-color: rgb(0,0,0);
  outline-style:solid;
}

lws {
   width: 150px;
  height: 5100px;
  position: absolute;
  top: 0px;
  left: 150px;
  background: rgba(0,0,0,0);
  background: linear-gradient(90deg,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.testbutton {
  
  position:absolute;
  top:250px;
  left: 250px;
  
}

/* --- Right Wing --- */

rw {
   width: 150px;
  height: 5100px;
  position: absolute;
  top: 0px;
  right: 0px;
  background: rgb(75,0,0);
  background: linear-gradient(-90deg,rgba(50,0,0,1) 0%, rgba(125,25,25,1) 100%);
  outline-width:4px;
  outline-color: rgb(0,0,0);
  outline-style:solid;
}

rws {
   width: 150px;
  height: 5100px;
  position: absolute;
  top: 0px;
  right: 150px;
  background: rgba(0,0,0,0);
  background: linear-gradient(-90deg,rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
}

.rwextra {
  position:absolute;
  top:150px;
  right: 35px;
  transform:translate(0%,0%);
}

dumpster {
  position:absolute;
  top:200px;
  right: 25px;
  transform:translate(0%,0%);
}

/* --- Center --- */

cntr {
 
 position:absolute;
 top:0px;
 left:50%;
 transform:translate(-50%,0%);
 width: calc(100% - 300px);
 height:5100px;
  
}