#body{
    
    background-image: url("img/bakground-pattern.png");
}

#root-div{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#start-menu{
    display: flex;
    align-items: center;
    justify-content: center;
}

@keyframes scaleButton {
    0%   {transform: scale(1, 1);}
    50% {transform: scale(1.2, 1.2)}
    0%   {transform: scale(1, 1);}
  }

#play-button{
        background-color: #28cad0; /* Green */
        align-self: center;
        font-family: 'Press Start 2P', cursive;
        border: none;
        color: white;
        padding: 17px 40px;
        text-align: center;
        text-decoration: none;
        position: absolute;
        top: 52%;
        display: inline-block;
        font-size: 18px;
        animation-name: scaleButton;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        transition: 0.5s;
}

#play-button:hover{
    background-color: #5f2e42; /*Red*/
}


#title{
    font-size: 90px;
}