html,body {
  height: 100%;
scrollbar-color: #771d50 #4e1d4c;
  scrollbar-width: thin;
  background-color:#000000;
}

 .margins {
position: relative;
padding:20px 20px 0 20px;
margin-left:auto;
margin-right:auto;
width:1200px;
height:500px;
}

#frame {
position:absolute;
left:250px;
top:150px;
z-index:2;
pointer-events: none;
}

#contentbg {
position:absolute;
width:670px;
height:410px;
background-color:#1b1f22;
top:170px;
left:290px;
overflow:auto;
}

#contenttext {
position:relative;
left:90px;
top:20px;
width:500px;
height:auto;
padding-bottom:20px;
}

#contenttext img {
max-width:300px;
display: block;
    margin-left: auto;
    margin-right: auto;
}

h1 {
color:#ac2f45;
text-align:center;
border-radius:10px;
border-style:solid;
border-width:2px;
border-color:#ac2f45;
background-color:#283440;
background-image: url('assets/contentdithering.png');
background-position: top;
background-repeat: repeat-x;
}

p {
color:#ffc5a3;
text-align:center;
border-radius:10px;
border-style:solid;
border-width:2px;
border-color:#ac2f45;
background-color:#283440;
padding:10px;
background-image: url('assets/contentdithering.png');
background-position: top;
background-repeat: repeat-x;
}

#tower {
position:absolute;
left:50px;
z-index:1;
}