@font-face {
    font-family: erasLight;
    src: url(../fonts/ITC\ Eras\ Light\ Regular.otf) format("truetype");
}
@font-face {
    font-family: erasMedium;
    src: url(../fonts/eras-itc-medium.ttf) format("truetype");
}


html, body, 
#background { 
  width: 100vw;
  min-height: 100vh;
  background-color: black;
}

.button-container {
    text-align: center;
    /* margin-top: 10vh; */
  }
  
  .row {
    margin-top: 12vh;
    height: 12vh;
    display: flex;
    justify-content: center;  
  }

button {
    flex-direction: row;
    align-items: center;
    font-family: 'erasLight', sans-serif;
    font-size: 5vh;
    margin: 0vh 5vh;
    width: 27vw;
    border-radius: 50px;
}

button:hover {
    background-color: #0056b3;
    border: none;
  }

#VDButton {
    background-color: #258f99;
    border-width: 10px;
    border-color: #eaf1e8;
}

#DTButton {
    background-color: #eaf1e8;
    border-width: 10px;
    border-color: #eaf1e8;
}

#FAButton {
    background-color: #f7984c;
    border-width: 10px;
    border-color: #eaf1e8;
}

#SMSCButton {
    background-color: black;
    border-width: 10px;
    border-color: #eaf1e8;
    color: white;
    width: 50vw;
}

#HomePageQuestion {
    color: white;
    justify-content: center;
    text-align: center;
    font-family: 'erasMedium', sans-serif;
    font-size: 10vh;
    margin-top: 30vh;
}