body {
  margin:0;
  background-image: url('bg_star.gif');
  color:#ED3F27;
  font-family: 'Courier New';
  }
  
  ::-webkit-scrollbar {
width:15px; height:15px;
} /* made by @ps1 */
 
::-webkit-scrollbar-track {
background-image: url(https://i.imgur.com/n1kAWKU.png);
}
 
::-webkit-scrollbar-thumb {
background-image: url(https://i.imgur.com/KePIOiE.png);
border-top: 1px solid #D4D0C8; border-bottom: 1px solid #808080;
}
 
::-webkit-scrollbar-button:vertical:decrement {
background-image: url(https://i.imgur.com/ZF6PC55.png);
width: 15px; height: 15px;
}
 
::-webkit-scrollbar-button:vertical:increment {
background-image: url(https://i.imgur.com/sMOMkQ7.png);
width: 15px; height: 15px;
}

.main {
  display: flex;
padding: 5px;
margin: 20px;
  }
iframe {
  width:100%;
    height: 90vh;
  border: 2px solid #725CAD;
  }
hr {
  width: 100%;
  height:52px;
  background-image: url('rose.gif');
  border:none;
  }
h1 {
  padding: 20px 30px;
  border: 2px solid #725CAD;
  color:#00ff99;
  text-align:center;
  text-shadow: #000 2px 2px;
  width: 50%;
  }
.side-box {
  width:25%;
  display:flex;
  padding: 20px;
  background-image: url('bg_square.gif');
  flex-direction:column;
    align-items:center;
    border: 2px solid #725CAD;
     margin:2px;
  }
.menu {
  display:flex;
  flex-direction:column;
  }
.side-box a {
  margin:15px 0;
  padding:7px 50px;
  width: 100px;
  background-color: #134686;
  text-shadow: #000 2px 2px;
  color:#fff;
  text-align:center;
  font-size: 20px;
  font-weight:bold;
  text-decoration:none;
  border: 3px solid #0B1D51;
  }
.side-box a:hover {
  

  }
.main-box {
  width:75%;
 background-repeat: repeat-y;
 margin:2px;
 padding-left: 60px;
   
}
.container {
  display:flex;
    flex-direction:column;
    align-items:center;
  padding: 20px;
  }