body {
    background-color: gray;
    color: black;
    background: linear-gradient(180deg, #2c3e50 0%, #000000 100%);
    background-attachment: fixed;
    min-height: 100vh;
    height: auto;
}

.button {
    width: 260px;
    height: 260px;
    border-radius: 50px;
    margin-left: 85px;
    margin-top: 40px;
    display: inline-block;
    transition: 0.5s;
    background-size: 200%;
    background-color: rgba(255, 255, 255, 0.8);
    border: solid black 2px;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
}

.button:hover {
    background-color: rgba(255, 255, 255, 0.55);
    transform: translateY(-5px) scale(1.15);
    box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

h1 {
    font-family: 'Nunito', sans-serif;
}

h2 {
    font-family: 'Nunito', sans-serif;
    color: white;
    text-align: center;
    margin-top: 20px;
} 

footer {
    margin-top: 40px;
    background-color: rgba(139, 138, 138, 0.8);
    border: solid black 2px;
    backdrop-filter: blur(0px);
}