body{
    height: 100dvh;
    width: 100dvw;
    background-image: url(assets/background-image.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-container{
    display: grid;
    height: 80dvh;
    width: 100dvw;
    background-color: white;
    justify-content: center;
    font-family: 'Orbitron';

    img{
        width: 50%;
        min-width: 200px;
    }

    button{
        
        background-color: white;
        border-radius: 1rem;
        border-color: rgb(34, 212, 64);
        margin: 0.5rem;
        cursor: pointer;
        transition: transform 0.3s ease, background-color 0.3s ease;

        a{
        font-family: 'Orbitron';
        font-size: 1rem;
        font-weight: 500;
        text-decoration: none;
        color: #d12fb9;
        }
    }
}

button:hover{
    background-color: rgb(211, 29, 162);
    border-color: white;
    
    a{
        color: white;
    }
}

@media screen and (min-width: 480px) {
  .main-container {
    width: 80dvw;
  }
}