html,
body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    background: hsla(0,0%,100%,.5);
}

#main-container {
    margin-top: 1em;
}

#root,
.App {
    height: 100%;
}

.element-flex {
    display: flex;
    flex-grow: 1;
}

.element-column {
    flex-direction: column;
}

.title-noWrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 10px
}

.full-width {
    width: 100%
}

.element-block {
    display: block
}

.card-img {
    /*Image should be a div*/
    height: 300px !important;
}

.card-img img {
    height: 100% !important;
}

.fill {
    display: flex;
    flex-grow: 1;
}
