#main-container {
    flex-grow: 1;
    display: inline;
    height: 100%;
}

html {
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto",sans-serif;
}

.card-container {
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);
    background: #ffffff;
    transition: box-shadow 0.2s ease-in-out 0s;
}

.card-container:hover {
    box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
    cursor: pointer;
}