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

body {
  background-color: rgb(0,0,0);
  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:1px;
  outline-color: rgb(255,100,255);
  outline-style:solid;

  color: rgb(255,100,255);
  text-decoration:none;
    
    
  background: rgb(0,0,0);   
}

a:link, a:visited, lb:link, lb:visited {
  color: rgb(255,100,255);
  text-decoration: none;
  outline-color: rgb(255,100,255);
    box-shadow: 0px 0px 10px rgb(255,100,255), 0px 0px 5px rgb(255,100,255);
    border-radius:5px;
     text-shadow: rgba(255,100,255,1) 0px 0px 23px, rgba(255,100,255,1) 0px 0px 10px;
}

a:hover, a:active, lb:hover, lb:active {
  color: rgb(255,200,255);
  text-decoration: none;
  outline-color: rgb(255,200,255);
    box-shadow: 0px 0px 10px rgb(255,200,255), 0px 0px 5px rgb(255,200,255);
    border-radius:5px;
     text-shadow: rgba(255,200,255,1) 0px 0px 23px, rgba(255,200,255,1) 0px 0px 10px;
}

lb:link, lb:visited {
  color: rgb(255,100,255);
  text-decoration: none;
    outline-color: rgb(255,100,255);
      box-shadow: 0px 0px 10px rgb(255,100,255), 0px 0px 5px rgb(255,100,255);
      border-radius:5px;
       text-shadow: rgba(255,100,255,1) 0px 0px 23px, rgba(255,100,255,1) 0px 0px 10px;
}
lb:hover, lb:active {
  color: rgb(255,200,255);
  text-decoration: none;
    outline-color: rgb(255,200,255);
      box-shadow: 0px 0px 10px rgb(255,200,255), 0px 0px 5px rgb(255,200,255);
      border-radius:5px;
       text-shadow: rgba(255,200,255,1) 0px 0px 23px, rgba(255,200,255,1) 0px 0px 10px;
}

b1 {
  padding-top:1px;
  padding-left:6px;
  padding-bottom:1px;
  padding-right:6px;
  border-radius:5px;
  
  outline-width:1px;
  outline-color: rgb(100,255,100);
  outline-style:solid;
  
  color:rgb(100,255,100);
  
  background: rgb(0,0,0);
  
  box-shadow: 0px 0px 10px rgb(100,255,100), 0px 0px 5px rgb(100,255,100);
  text-shadow: rgba(100,255,100,1) 0px 0px 23px, rgba(100,255,100,1) 0px 0px 10px;
}

.centretext {
  
  outline-width:1px;
  outline-color: rgb(100,150,255);
  outline-style:solid;
  
  color:rgb(100,150,255);
  
  background: rgb(0,0,0);
  
  box-shadow: 0px 0px 10px rgb(00,50,255), 0px 0px 5px rgb(00,50,255);
  text-shadow: rgba(00,50,255,1) 0px 0px 23px, rgba(00,50,255,1) 0px 0px 10px;
}

/* --- Top --- */

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

topo {
   width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  right: 0px;
  box-shadow: 0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0), 
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0),
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0);
}


.maintitlelogo {
 width: 225px;
 height: 150px;
 position:absolute;
 top: -5px;
 left: 0px;
 image-rendering: pixelated;
}

madein {
  position:absolute;
  top:10px;
  left: 160px;
  font-size: 15px;    
}

mainmenu {
  padding-top:5px;
  padding-left:10px;
  padding-bottom:5px;
  padding-right:10px;
  border-radius:15px;
  
  outline-width:1px;
  outline-color: rgb(255,255,0);
  outline-style:solid;
  
  color: rgb(255,255,0);
  font-size:50px;
  text-shadow: rgba(255,120,100,1) 0px 0px 23px, rgba(255,120,100,1) 0px 0px 10px;
  box-shadow: 0px 0px 15px rgb(255,120,100), 0px 0px 7px rgb(255,120,100);
  
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  background: rgb(0,0,0);
}

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

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

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

lwo {
   width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -1px;
    background: rgb(255,255,0);
   box-shadow: 0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0), 
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0),
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0);
}

lws {
   width: 150px;
  height: 5100px;
  position: absolute;
  top: 0px;
  left: 150px;
  background: rgba(0,0,0,0);
  background: linear-gradient(90deg,rgba(15,15,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(0,0,0,1) 0%, rgba(15,0,0,1) 100%);
  outline-width:1px;
  outline-color: rgb(255,255,0);
  outline-style:solid;
}

rwo {
   width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 100%;
  background: rgb(255,255,0);
   box-shadow: 0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0), 
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0),
  0px 0px 15px rgb(255,255,0), 0px 0px 7px rgb(255,255,0);
}

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

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

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

Version1 {
  position:absolute;
  top:300px;
  right: 15px;
  transform:translate(0%,0%);
}

/* --- Center --- */

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