body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

nav{
    background-color: red;
    height: 10vh;
}


footer{
  min-height: 10vh;
  background-color: red;
}

h1,h2,h3{
    text-align: center;
}

.flex-container{
    display: flex;
    flex-wrap: wrap;
    margin: 2rem;
    justify-content: center;
}

.card {
    margin: 2rem;
}

.card button {
    bottom: 0;
}


.red-text{
    color: red;
}

img{
    max-width: 100%;
}

.text-center{
    text-align: center;
}