body {
  font-family: Arial, Helvetica, sans-serif;
  height:100%;
  padding-bottom:200px;
  font-size:large;
}

h1,h2,div {
    padding: 10px;
}
.center {
    margin: auto;
    padding: 10px;
    padding-top: 20px;
}
@media only screen and (min-width: 900px) {
    .center {
        width: 60%;
    }
}

.w-100 {
    width:100%;
}
.footer {
    width:100%;
}
.alert {
  border: 2px solid red;
  border-radius: 5px;
  background-color: rgb(255, 198, 198);
}
.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;
}