body {
    background-color: #0c180e;

    display: flex;
    align-items: center;
    flex-direction: column;
}
body div{
    display: flex;
    align-items: center;
    flex-direction: column;
}
body img{
    height: 512px;
    width: 512px
}

h1,h2, footer{
    font-family: "Rubik", sans-serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
    color: #FFFFFF;
    TEXT-ALIGN: center;
}

@media only screen and (max-width:640px) {
html{
    display: flex;
    justify-content: center;
}

body img{
    height: 320px;
    width: 320px;
}

}