/*CSS DOCUMENT*/
/* MAIN STYLES */
h1 {color: white; border-bottom: 2px solid #14c5ff;}

h2 {font-size: 270%;}

h3 {font-size: 110%; text-decoration: none; margin-bottom: 0px;}

h4 {font-size: 110%; border-bottom: 2px solid #25346d; margin-bottom: 5px;}

u {text-decoration: none; font-weight: bold;}



a.submenu:link { text-decoration: underline; color: white; font-style: italic;  font-size:120%;}
a.submenu:visited {text-decoration: underline; color: white; font-style: italic; font-size:120%;}
a.submenu:active {text-decoration: underline; color: black; font-style: italic; font-size:120%;}

table {border: none;}

a {text-decoration: underline; color: white;}
a:hover {text-decoration: none;}


/*td {border-bottom: 1px solid white;} */





html { 
  background-color: black;
  background-image: url(images/BACKGROUND.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

body {
  padding-left: 10%;
  padding-right: 10%;
  color: #14c5ff;
  text-align: center;
  font-family: Times;
  font-size: 120%;
}


/* MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN MAIN */

#MAIN {
  width: 80%;
  background-color: hsla(227,50%,35%,0.5);
  padding: 1%;
  text-align: justify;

}

.main { /* STYLE OF TEXT IN MAIN DIV */
  color: white;
}

#social {
  position: relative;
  left: 37%;

}