/*
footer {
    display: flex;
    background: #ffffdc;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}
*/

.footer_01 {
    display: flex;
    background: #fffd7a;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.footer_02 {
    display: flex;
    background: #fffd9d;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.footer_03 {
    display: flex;
    background: #fffebf;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.footer_04 {
    display: flex;
    background: #fffebf;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.footer_05 {
    display: flex;
    background: #ffffff;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

.footer {
    display: flex;
    color: black;
    line-height: 50px;
    padding-bottom: 10px;
    padding-top: 20px;
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    display: grid;
    grid-template-rows: 1fr auto;
}

.gradient
{
  background-image: linear-gradient(#fffc04, #fffc04, orange, purple);
}