:root {
  --mc: rgba(0,180,159,25)
  
}

body {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 1.125em;
    color: black;
     border: 3px ridge var(--mc);

    background-color: #00000;
    
    padding: 10px;
    
}

.main {
   
    
    padding: 10px;
    
}


#header {
  text-align: center;
  
}

.bodyheading {
  
  font-style: italic;
  color: rgba(0,180,159,25);
}

.bodytext {
  
  font-style: italic;
  
}

.content {
  
  grid-area: 1 / 1 / 2 / 3;
  
}



.banner {
  height: 125px;
    border-radius: 45px 45px 0 0;
    background-clip: padding-box;
    background-position: center;
    overflow: hidden;
    background-size: cover;
    margin-bottom: 10px;
    border: 3px ridge var(--mc);
}