html, body {
  overflow-x:hidden;
  }

  .bg-body-tertiary {
    background-color:black; /* Change this to black if it's not already */
  }
  
  .dropdown-toggle {
    background-color: white;
  }

.header {
    
    justify-content: center;
    color:#eeeeee
    padding:5px;
}

h1 {
  font-family: 'Press Start 2P', cursive;
}

.video {
  display: flex;
    justify-content: center;
    visibility: hidden;
   
}


 .sailor-helga {
  display: flex;
  justify-content: center;
      
} 

img {
  border-radius: 50px;
  padding: 25px;
  display: flex;
  ;
  background-color:pink;
  padding:20px;
  width: 500px;
  height: auto;
  max-width: 100%;
  
  }

/* #pink-padding {
background-color:pink;
padding:20px;
border:0px;
margin:20px;
} */

hr {
display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid pink;
  margin: 1em 0;
  padding: 0;
}

h1 {
  text-align: center;
  color: white;
}

h2 { 
  text-align: center;
  color: white;
  
}

.menu {
  text-align: center;
}

 /* #nav {
    line-height:30px;
    background-color:#eeeeee;
    height:300px;
    width:100px;
    float:left;
    padding:5px; 
} */
#section {
    width:350px;
    float:left;
    padding:10px; 
}

.what-is-sailor-helga {
}

p {
font-size: 18px;

}

#footer {
   
    color:white;
    clear:both;
    text-align:center;
    padding:5px; 
}


.menu {

  margin: 0 auto;
  text-align: center;
}



a:link {
  color: pink;
    text-decoration: none;
}

a:visited {
  color: pink;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: red;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: pink;
  background-color: transparent;
  text-decoration: underline;
}
/* </style> */

  body { 
   font-family: "Serif"; 
   color: white; 
   background: black;
   padding: 0; 
   /*
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 500px;
  margin-right: 500px; */
     }

  .footer {
    text-align: center;
      }

/* <style> */