body {
    background-image: url("https://i.pinimg.com/originals/51/ef/eb/51efeb2d035a4a3e0113ccef7857b4a1.jpg");
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.header {
    position: absolute;
    top: 0;
    height: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.main {
    margin: 2%;
    position: absolute;
    top: 10%;
}

.footer {
    position: absolute;
    height: 10%;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    .footer_content{

    }
}