/* Content in main */
.article {
    text-align: center;
}
.article p {
    font-size: 1rem;
}

.smash_pass_area {
    width: 100%;
    height: 4rem;
    margin-top: 1rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
}
.article button {
    background-color: white;
    width: 90%;
    height: 4rem;
    border: var(--darkest-bg-color) solid 2px;
    margin: auto;
    transition: 0.2s;
}
.article button:hover {
    background-color: var(--dark-bg-color);
    transform: translate(-0.2rem, -0.2rem);
    box-shadow: var(--darker-bg-color) 0.2rem 0.2rem 0.8rem;
}
.article button.clicked {
    background-color: var(--dark-bg-color);
    border: var(--secondary-color) solid 2px;
}