body {
    background-color:#017738;
}

#flex-container {
    display:flex; 
    flex-direction:column; 
    height:97vh; 
    width:100%;
}

#logo {
    height:2em; 
    align-self:flex-start; 
    padding:0.7em;
}

#modal {
    display:flex; 
    flex-direction:column; 
    margin: auto; 
    align-items:center; 
    background-color:lightgray;  
    border-radius:5px; 
    border:2px solid black; 
    padding:3em; 
}

p {
    font-size:2em; 
    margin:0 0 0.5em 0
}

.text {
    font-family: Arial, Helvetica, sans-serif;
}

#hydrolink {
    font-size:1.5em; 
    background-color:#243d55; 
    color:white; 
    padding:0.5em; 
    border-radius:5px; 
    border:2px solid white;
    text-decoration:none
}

#hydrolink:hover {
    background-color: black;
}