html, body{
    height: 100%;
    margin: 0;
}

body{
    background-image: url(https://64.media.tumblr.com/7b1e55a3a127bb8499926c0c91838602/addc04f6bc692b0b-d3/s1280x1920/62bc364146d09116282f01197fc1a1f961b74ff8.gifv);
    margin: 0;
    min-height: 100vh;
}

h1{
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;

}

h2{
    font-family: Helvetica, Arial, sans-serif;
    font-style: italic;
    }

button{
    border-style: groove;
    border-radius: 5px;
    border-width: 2px;
    border-color: silver;
    padding: 5px;
    padding-right: 7px;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
}

button img{
    height: 16px;
}

.text{
    text-align: center;
}

.layout{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
}

.side{
    flex: 0 0 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

.side-right img{
    object-fit: cover;
    display: block;
    max-height: 200px;
    width: auto;
    max-width: 300px;
}

.side-left img{
    object-fit: cover;
    display: block;
    max-height: 200px;
    width: auto;
    max-width: 300px;
}

.center{
    flex: 1 1 550px;
    max-width: 600px;
}

.center .button,
.center a {
    display: inline-block;
}

.center button {
    margin: 5px;
}