html, body { height: 100%; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif }

body {
    margin: 0; 
    background-color: rgb(1, 3, 16);
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(236, 236, 236);
    font-size: 12pt;
    font-weight: lighter;
  }

  .headerdiv {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.0);
    border-bottom: rgba(50,180,255) 1px solid;
  }

  .titlediv{
    margin-top: 10px; 
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 30px;
    height: 45px;
    font-family: 'Times New Roman', Times, serif;
    font-size: 20pt;
    text-align: left;    
    color: rgba(50,180,255);
    line-height: 25pt;
  }

  .img_main_logo{
    width:auto;
  }

  .center_container{

      width: 60%;
      min-width: 320px;
      max-width: 750px;
      height: fit-content;

      margin: 0;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      text-align: justify;
      font-size: 14pt;
      line-height: 1.5;

      /*background-image: linear-gradient(to left, rgba(255,0,0,0), rgba(0, 0, 0,0.5));*/

      /*border: 1px solid #fff;*/
  }


  .container_zero_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg0.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_one_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg1.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_two_div {
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg2.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_three_div {
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg3.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_four_div {
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg4.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_five_div {
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg5.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_six_div {
    width: 100%;
    height: 100vh;
    background-image: url('../images/bg6.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }

  .container_seven_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg7.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }

  

/* unvisited link */
a:link {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

/* visited link */
a:visited {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: rgb(255, 255, 255);
  text-decoration: underline;
}

/* selected link */
a:active {
  color: rgb(255, 255, 255);
  text-decoration: none;
}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #1d1d1d; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:rgb(28, 51, 65);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgb(33, 88, 119);
}



@media only screen and (max-width: 600px) {
  
  .img_main_logo{
    width:320px;
  }
  .center_container{
    width: 60%;
    height: fit-content;

    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    text-align: justify;
    font-size: 10pt;
    line-height: auto;
  }

  .container_zero_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg0_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_one_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg1_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_two_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg2_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_three_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg3_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_four_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg4_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_five_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg5_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_six_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg6_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
  .container_seven_div {
    width: 100%;
    height: 100vh;
    text-align:center;
    background-image: url('../images/bg7_media.jpg');
    background-color: rgb(0, 16, 20);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
  }
}