html {
    /* To make use of full height of page*/
    overflow: hidden;
    min-height: 100vh;
    margin: 0;
    padding:0;
}
body {
    height: 100vh;
    display: flex;
    flex-flow: column;

    min-height: 100vh;
    margin: 0;
    padding: 0;
    background-image: linear-gradient(180deg, #0033ff 10%, #ccff00 90%);
# background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,0,0,1) 100%);
}

main {
    flex: 1;
}

footer {
    width: 100%;
    text-align: center;
}