body {
    background-color: #C7FFF3;
    font-family: Verdana;
  }

h1{
  color: #688ABC;

  text-align: center;
  }

h2{
  text-align: left;
  }

p {
  margin: 0;
  margin-bottom: 4px; 
  text-align: left;
  }
  
a, u {
  text-decoration: none;
}

.container{
  margin: 0 10%;
  width: 80%;
  display: flex;
  justify-content: center;
}

.box{
  margin: 0 1rem;
  text-align: left;
  width: 50%;
  flex-direction: column
}

.side_box{
  padding-top: 15px; 
  width: 25%;
  flex-direction: column;
  }

.window {
  padding: 4px;
  margin-top: 10px;
  border: 2px solid black;
  background-color: #688ABC;
  box-shadow: 4px 4px rgba(104,138,188,0.4);
  }

.winTitle{
  margin: -2px;
  font-weight: bold;
  padding: 4px 4px 0 4px;
  border: 2px solid black;
  color: #ffffdd;
  margin-bottom: 4px;
}

.winContent{
  margin: -2px;
  padding: 4px 4px 0 4px;
  border: 2px solid black;
  background-color: #ffffdd
}