style.css

html {
    margin: 0;
    border: 0;
    padding: 0;
    height: 100%;
}

body {
    margin: 0;
    border: 0;
    background-color: white;
    overflow-x: hidden;
    height: 100%;
}

#click {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
    font-size: 8rem;
    font-weight: bold;
    font-family: 'Lexend Deca', sans-serif;
    background-color: #05e3c5;
    color: #292929;
}

.footerImage {
    transition: 0.2s ease-in-out;
    width: 1.5rem;
    height: 1.5rem;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.footerImage:hover {
    filter: opacity(0.7);
}

.rippletAttribution {
    transition: 0.2s ease-in-out;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    line-height: 1.5rem;
    vertical-align: middle;
    font-family: 'Lexend Deca', sans-serif;
    color: #292929;
}

.rippletAttribution:hover {
    filter: opacity(0.7);
}

span {
    font-size: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    font-family: 'Lexend Deca', sans-serif;
    color: #292929;
    font-weight: bold;
}

span.holder {
    position: fixed;
    top: 2rem;
    right: 2rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    font-family: 'Lexend Deca', sans-serif;
    color: #292929;
    font-weight: bold;
}