body {
    display : flex;
    flex-direction : column;
    min-height: 100vh;
}
    
header {
    position : sticky;
    left : 0px;
    right : 0px;
    top : 0px;
    color : #FFF;
    background-color : #424558;
    z-index: 100;
}
    
.main{
    flex : 1;
}

footer {
    position : sticky;
    left : 0px;
    right : 0px;
    bottom : 0px;
    background-color : #424558;
    text-align : center;
    color : #FFF;
    z-index: 100;
}

footer a{
    color : #FFF;
}