body {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    min-height: 100%;
}

.head {
    justify-content: flex-start
}

.main {
    height: 100%;
    background: #eeeeee;
    flex-grow: 1;
    position: relative;
    flex-direction: column;
    justify-content: center;
    display: flex;

}

.footer {
    justify-content: flex-end;
}