body{
        background-image: url(pexels-markus-spiske-3806749.jpg);
        background-size: 1500px;
    }
    h1{
        color: antiquewhite;
    }


    .btn-eu1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-eu1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }


    .btn-us1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-us1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }

    .btn-us1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-us1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }

    .btn-zl1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-zl1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }


    .btn-1 {
        width: 210px;
        height: 120px;
        border: none;
        color: white;
        background-color: rgb(54, 54, 54);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #949494;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-1:hover {
        box-shadow: inset 300px 0 0 0 #000000;
    }


    
    .btn-2 {
        width: 210px;
        height: 120px;
        border: none;
        color: white;
        background-color: rgb(54, 54, 54);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #949494;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-2:hover {
        box-shadow: inset 300px 0 0 0 #000000;
    }


    
    .btn-3 {
        width: 210px;
        height: 120px;
        border: none;
        color: white;
        background-color: rgb(54, 54, 54);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #949494;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-3:hover {
        box-shadow: inset 300px 0 0 0 #000000;
    }


    
    .btn-4 {
        width: 210px;
        height: 120px;
        border: none;
        color: white;
        background-color: rgb(54, 54, 54);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #949494;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-4:hover {
        box-shadow: inset 300px 0 0 0 #000000;
    }


    .btn-mm1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-mm1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }

    .btn-cm1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-cm1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }

    .btn-dm1 {
        width: 180px;
        height: 100px;
        border: none;
        color: white;
        background-color: rgb(0, 153, 255);
        border-radius: 4px;
        box-shadow: inset 0 0 0 0 #f9e506;
        transition: ease-out 0.27s;
        font-size: 2rem;
        outline: none;
    }
    
    .btn-dm1:hover {
        box-shadow: inset 300px 0 0 0 #06f926;
    }
