html {
    display: table;
    margin: auto;
}

html, body {
    height: 80%;
    width: 95%;
}

body {
    background-color: rgb(0 1 179); /*old: grell: #3733E0*/
    color: white;
    font-family: OLD_BIOS;
    display: table-cell;
    vertical-align: middle;
}

h1 {
    text-align: left;
    font-size: 4vw;
    margin-right: 1vw;
    display: inline;
}

  /* Use a media query to add a breakpoint at 800px: */
  @media screen and (max-width: 800px) {
    h1 {
        font-size: 5vw;
    }
  }

h1 a:hover{
    background-color: #0F5CBF; /*old: */
}

h3{
    margin-left: 40px;
    margin-bottom: 0px;
}

#biostext{
    border-color: white;
    border-style: double;
    font-size: 2vw;
    border-width: 2vw;
    padding-bottom: 45vw;
    width: 95%;
    height: 40vh;
}
  /* Use a media query to add a breakpoint at 800px: */
  @media screen and (max-width: 800px) {
    #biostext {
        font-size: 2.5vw;
    }
  }

#bioslogo {
    display: inline;
    height: 6vw;
    width: 6vw;
    border-radius: 5vw;
    margin-top: 5vh;
    
}

.flex-container{
    display: inline-block;
}

.row{
    display: flex;
}

.top{
    padding: 0px;
}
ul {
    list-style: none;
}

#names li{
    margin-bottom: 10px;
}

#internalSpace{
    margin-top: 10px;
}

#internalSpace2{
    margin-top: 40px;
}

.diff{
    width: 100%;
    margin-bottom: 60px;
}

li{
    list-style-type: none;
    border-color: #0F5CBF;
    
}

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

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

p{
    margin-left: 40px;
}