* {
    box-sizing: border-box;
}

body {
    background-color: #FFFFFF;
    background-image:linear-gradient(#eeeeee, #FFFFFF);
    background-attachment: fixed;
    color: #0e0e0e;
    font-family: 'Urbanist', sans-serif;
    margin: 0px;
}

main {
    padding: 2em;
    grid-row: 1 / 5;
    grid-column: 2 / -2;
    display: block;
    background-color: #FFFFFF;
    background-image:linear-gradient(#FFFFFF, #fbfbfb);
    text-align: center;
    margin-top: 2em;
}

h1 {
    margin-bottom: 4em;
    font-size: 96px;
}

h2 {
    margin-bottom: 5em;
    font-size: 50px;
}

#wrapper {
    display: grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0px, 1fr) repeat(4, minmax(0, 250px)) minmax(0px, 1fr);
}

#button1 {
    grid-column: 2 / 4;
    grid-row: 5 / 7;
    font-size: 30px;
    text-align: center;
    color: #0e0e0e;
    text-decoration: none;
    margin-bottom: 2em;
}

#button2 {
    grid-column: 4 / 6;
    grid-row: 5 / 7;
    font-size: 30px;
    text-align: center;
    color: #0e0e0e;
    text-decoration: none;
    margin-bottom: 2em;
}

a, button {
    color: #0e0e0e;
    text-decoration: none;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .25em;
    padding-bottom: .25em;
    border: 2px;
    border-style: solid;
    border-color: #0e0e0e;
    border-radius: 10px;
    transition: background-color .5s ease-in-out;
    transition: color .5s ease-in-out;
    font-size: 30px;
    background-color: #FFFFFF;
}

a:hover, button:hover {
    color: #eeeeee;
    background-color: #0e0e0e;
}

#peep {
    grid-column: 2 / -2;
    grid-row: 7;
    font-size: 40px;
    text-align: center;
    padding-left: 2em;
    padding-right: 2em;
}