<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
  
html {
     height: auto;
     min-height: 100%;
  }

/*background*/
body {
font-family: 'Century Gothic';
font-size: 14px;
color: #FFFDA5;
background-color: #011622;
}

/*link color*/
a {
color: #54A8B3;
}

a:hover {
 color: #FFFDA5;
}


/*banner*/
.banner{
width: 1900px;
  height: 46px;
  font-family: 'Monotype Corsiva';
  font-size: 36px;
  color: #54A8B3;
}


/*aligning tools*/

.wrapper {
  max-width: 1900px; 
  margin: 0 auto;
  margin-top: 20px;
 }
 
.row {
  display: flex;
  align-items: center;

   }
  
.column {
  display: flex;
  flex-direction: column;
  align-self: flex-start;
 
  }
  
/*Navigation Box*/ 
  


.cbutton {
  width: 100px;
  height: 30px;
  margin: 0px 0px 0px 0px; 
  background-color: #54A8B3;
  outline: 2px solid #0B3048;
  color: #0B3048;
  font-family: 'Century Gothic';
  font-size: 12px;
   text-align: center;
  border: none;
  
  
}

.cbutton:hover {
  background-color: #0B3048; 
  color: #FFFDA5;
  outline: 2px solid #54A8B3;
  cursor: pointer;
}





  
  
 /*site boxes*/ 
 
.box {
  background-color: #0B3048;
  outline: 2px solid #54A8B3;
 margin: 6px 12px 12px 6px;
  border-radius: 2px;
}

.deets {
  width: 628px;
  height: 340px;
  overflow: auto;
 
}

.contact {
  width: 628px;
  margin: 5px;
 }
 
 .samples {
  width: 628px;
  height: 440px;
  overflow: auto;
 
}




  
/*formating*/

.inner1 {
  padding: 10px;
  text-align: justify;
}

.inner2 {
  padding: 8px;
  text-align: left;
}

.inner3 {
  padding: 4px;
}

.emaildisplay {
  text-align: center;
  font-size: 12px;
  margin: 8px;
  
}

.box h1, .box h3 {
  background: #54A8B3;
  padding: 0.1em 0.1em 0.2em 0.1em;
  margin: 0;
  text-align: center;
  border-bottom: 3px;
  color: #0B3048;
  }
  
  .box h2 {
  background: #54A8B3;
  padding: 0.1em 0.1em 0.2em 0.1em;
  margin: 0;
  text-align: center;
  border-bottom: 3px;
  color: #0B3048;
  }
  


  
  .box h4 {
   padding: 0.1em 0.1em 0.2em 0.1em;
   margin: 0;
   border-bottom: 3px;
   text-align: center;
   color: #54A8B3;
   background: #0B3048;
  }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

  
  
/*images*/ 

  




.commsheet {
  width: 620px;
  margin: 0px 12px 12px 0px;
}

.commthumb {
  width: 186px;
  outline: 2px solid #54A8B3;
  margin: 4px;
}

.commthumb:hover {
 opacity: 0.6;
}
</pre></body></html>