* {
   box-sizing: border-box;
   }
html { 
  background: url('/images/pipes004.jpg') no-repeat center fixed;
  background-size: cover;
}   
.backgrpic {
    margin: 0em;
    padding: 0em;
    width: 100%;
    display: flex;
    justify-content: center;
}
.navigate {
    width: 50%;
    height: auto;
    background-color: transparent;
    margin-top: 2.5em;
    display: block;
}
.select {
    height: 2em;
    width: 100%;
    background-color: white;
    color: black;
    border-radius: .25em;
    font-weight: bold;
    font-size: 20px;
    margin-top: 1em;
    text-decoration: none;
    display: block;
    clear: both;
}
.aboutmsg {
    display: none;
    height: 30em;
    width: 85%;
    background-color: burlywood;
    opacity: .75;
    margin-top: 5em;
}
.intro {
    text-align: left;
    text-indent: 1.25em;
    font-family: 'Alex Brush';
    font-size: 2em;
    font-weight: 500;
    padding: 0em;
    margin: 2em;   
    clear: both;
}
.doneabout {
    height: 2em;
    width: 30%;
    background-color: white;
    color: black;
    border-radius: .25em;
    font-weight: bold;
    font-size: 20px;
    margin-top: 0em;
    text-decoration: none;
    display: block;
    clear: both;
}