nav a
    {
     text-decoration: none;
     color: white;
     display: inline-block;
      margin: 0 25px;
      font-size: 25px;
     transition: all 0.3s ease;
    }
    
  nav
    {
      background-color: #00111A;
      padding: 10px;
      display: flex;
      justify-content: center;
    }

   nav a:hover
    {
      transform: rotate(-5deg);
      color: #00CCCC;
    }
    
   header 
    {
     background-repeat: no-repeat;
     background-size: 150% 100%;
     border: 8px solid  black; 
     padding: 0px; 
     border-style: solid;
     color: white;
     margin: 12px;
    }

    .title
    {
     text-align: center;
     font-size: 100px;
    }

.info
{
  margin: 20px;
  font-size: 30px;
}

header
      {
       border: 3px solid #00CCCC;
       text-align: center;
       font-family: fantasy;
      }
      
    body
     {
       color: white;
       background-color: #00111A;
       text-align: center;
       margin: 20px;
       flex-direction: column;
     }

     nav
    {
     text-decoration: none;
     display: inline-block;
     margin: 0 25px;
     font-size: 25px;
     padding: 10px;
     display: flex;
     justify-content: center;
     color: white;
    }

  table
     {
      margin-left: auto;
      margin-right: auto;
      color: #00CCCC;
      border-color: #00CCCC;
      font-size: 36px;
     }


form
     {
      background-color: #003754;
      font-size: 
      width: 500px;
      font-size: 36px;
     }


#imright
{
  margin: 20px;
  border: solid;
  border-color: #00CCCC;
}

.clearfix::after 
{
  content: "";
  display: table;
  clear: both;
}

.Logo-container
{
  display: flex;
  align-items: center;
}

#logopic
{
  margin: 20;
}

#logotext
{
 
  font-size: 84px;
  
}

.info
{
   text-align: center;
   margin: 20px;
   text-size: 30px;
}

.solink
{
display: flex;
}

footer
{
background-color: #00CCCC;
margin: 15px;
}

h1
{
  font-size: 100px;
  background-color: #00111A;
  border: 3px solid #00CCCC;
}

.gallery
{
  flex-direction: row;
  justify-content: space-around;
}

main
{
 box-sizing: border-box;
}

.footer-container
{
  display: flex;
  justify-items: left;
}

.footer-right
{
 display: flex;
 margin-left: auto;
}

.form-container-1
{
 display: flex;
 justify-items: space-between;
 gap: 20px
}

.form-section
{
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px; 
  border: 1px solid #ccc; 
  border-radius: 8px;
}