/* override some of the styles in the class found in _layout.cshtml */
.layout-main { 
    display:flex;
    flex-direction: column; /* so that we can vertically center the mainContent div */
    justify-content: center; /* vertically center the mainContent div */
    min-height: 90vh; /* 90% of the viewport's height */
}

.mainContent{
  padding: 0;
  margin-top:100px; /* the nav bar is fixed so the form scrolls under it. make sure there's a bit of buffer between the top of the form and the bottom of the nav bar. */
}

.welcome{
    font-size:30px;
    font-weight: 700;
}