@font-face {
    font-family: sophiecomic;
    src: url("sophiecomic.ttf");
}

h1 {
    font-size: 40px;
}

body {
    font-family: "sophiecomic";
    font-size: 30px;
    color: #142a8d;
    background-color: #5373be;
    

  
}



.sidebar {
    width: 17%;
    height: 80%;
    position: fixed;
    margin-top: 120px;
    margin-left: 3%;
    border: 4px solid #111b60;
    background-color: #95a6de;
     border-radius:40px;
    background-repeat: repeat;
    text-align: center;
   
}

.arbbar {
    width: 17%;
    height: 45%;
    position: fixed;
    margin-top: 120px;
    margin-left: 80%;
    border: 4px solid #111b60;
    background-color: #95a6de;
     border-radius:40px;
    background-repeat: repeat;
    text-align: center;

   
}

.arbstats {
    width: 17%;
    height: 30%;
    position: fixed;
    margin-top: 600px;
    margin-left: 80%;
    border: 4px solid #111b60;
    background-color: #95a6de;
     border-radius:40px;
    background-repeat: repeat;
    text-align: center;

   
}



.content {
    width: 50%;
    height: 80%;
    position: fixed;
    overflow-y: auto;

    margin-top: 60px;
    margin-left: 25%;
    border: 4px solid #111b60;
    background-color: #95a6de;
     border-radius:40px;
    background-repeat: repeat;
    text-align: left;
      padding: 15px 32px;

}

.stats {
    width: 15%;
    height: 50%;
    position: fixed;
    overflow-y: auto;
    margin-top: 60px;
    margin-left: 80%;
    border: 4px solid #111b60;
    background-color: #95a6de;
     border-radius:40px;
    background-repeat: repeat;
    text-align: left;
      padding: 15px 32px;

}

.button {
   background-color: #95a6de; 
    border: 4px solid #111b60;
    color: #111b60;
    border-radius:20px;
    text-align: center;
  text-decoration: none;
    font-size: 40px;
    padding: 15px 32px;
    text-decoration: none;
  display: inline-block;
   margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
 
}

.button:hover {
    background-color: #111b60;
    color:#95a6de; 
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
   text-decoration: none;
}

a:link {
  text-decoration: none;
   color: #111b60;
}

a:hover {
    color:#5373be;
}

.center:hover{
    opacity: 0.5;
}