* {
    box-sizing: border-box;
}

html {
    width: 100%;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;

    width: 100%;
    min-height: 100vh;

    background-color: #191919;
    color: white;

    font-family: "Big Shoulders Display", sans-serif;
}


#wrapper {
    width: 100%;
    min-height: 100vh;

    display: grid;

    grid-template-columns: repeat(2, 400px);
    grid-template-rows: repeat(2, 200px);

    column-gap: 40px;
    row-gap: 40px;

    justify-content: center;
    align-content: center;

    background-color: #191919;
}

.button {
    width: 100%;
    height: 100%;

    background-color: white;
    border-radius: 30px;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    transition: transform 0.2s ease,
                background-color 0.2s ease;
}