body {
  font-family: monospace;
  font-smoothing: none;
  image-rendering: pixelated;
  margin: auto;
}
  
header {
  width: 100%;
  height: 132px;
  flex-basis: 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
    }
  
h1 {  
  color: rgb(255, 255, 255);
  font-size: 52px;
  }

h2 {
  color:rgb(255, 255, 255);
  font-size: 28px;
  }

p {
  color: rgb(255, 255, 255);
  font-size: 14px;
  }
  
img {
overflow-clip-margin: content-box;
overflow: clip; }
  
div { 
}
  
footer {
  text-align: center;
  position: fixed;
  background-color: rgb(0, 15, 72);
  padding-bottom: 11px;
  bottom: 0px;
  margin: 0 auto;
  }
  
table {
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  }
  
  
.link { color: #536DFE; }
.link:hover { color: #C5CAE9; }

#webringbr{
             background-color: #799c48;
             border: 2px solid #c5d455;
             color: #343a52;
             }
             #webbr{
             color: #b3e35b;
             }
             #webr{
             color: #3c50ab;
             }
             #webr {
background-image: linear-gradient(to right, #3c50ab , #243069 , #7c8ede , #1d2859 , #1b34a1 , #1b34a1);
-webkit-background-clip: text;
background-clip: text;
background-size: 20%;
color: transparent;
-webkit-animation: rainbow 1s linear infinite both;
-moz-animation: rainbow 1s linear infinite both;
animation: rainbow 1s linear infinite both; }

@keyframes rainbow { 0% {background-position: 0% 50% } 100% {background-position: 100% 250%} }
    
.wrapper {
  max-width: 1080px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  }
  
.content {
  margin: auto;
  width: 86%;
  flex: 0 0 auto;
  }
  
.sidebar {
  margin-left: 34px;
  width: 168px;
  max-height: 580px;
  order: 2;
  }
  
.side-box1 {
  background: rgb(0,15,72);
background: linear-gradient(180deg, rgba(0,15,72,1) 0%, rgba(1,6,22,1) 100%);
  border: 8px outset rgb(0, 35, 130);
  border-radius: 16px;
  width: 96%;
  height: 290px;
  display: flex;
  }
  
.side-box2 {
  background: rgb(0,15,72);
background: linear-gradient(180deg, rgba(0,15,72,1) 0%, rgba(1,6,22,1) 100%);
  border: 8px outset rgb(0, 35, 130);
  border-radius: 16px;
  width: 96%;
  height: 255px;
  display: flex;
  }
  
.box {
background: rgb(0,15,72);
background: linear-gradient(180deg, rgba(0,15,72,1) 0%, rgba(1,6,22,1) 100%);
  border:8px outset rgb(0, 35, 130);
  border-radius: 16px;
  width: 100%; 
  height: 580px;
  overflow-x: auto;
  }
  
.area {    
  margin-left: 122px;
  width: 668px;
  flex: 0 0 auto;
  order: 1;
  }

.flexbox {
  background-color: rgb(0, 15, 72);
  border: 10px double rgb(0, 35, 130);
  height: auto
  }