.MenuTop{
        text-align: center;
        color: green;
        font-size:30px;
        background-image:url("PixelImages/BigSign.png");
        background-size: 750px 100px;
        background-repeat:no-repeat;
        background-position:center;
    }
    
.Notice{
        text-align:center;
        color:#D5F6FB;
        background-image:url("PixelImages/CafeMiddleCheese.png");
        background-repeat: no-repeat;
    }

.bodyImage{
        background-image: url("PixelImages/RamenShop.gif");
        background-repeat:no-repeat;
        background-position:center;
        background-size:cover;
    }

.gridContainer{
        display:grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
        border-style:double;
        border-color:transparent;
    }

.gridContainer2{
        display:grid;
        grid-template-columns: 33.33% 33.33% 33.33%;
    }

.MatchaBobaIMG{
    width: 500px;
    height: 600px;
}

.ML{
    font-family:cursive;
    text-align:center;
    font-size:smaller
}

.topCloud{
    margin-top: -10px;
    padding-left:400px;
    height:60px;
    width:auto;
}

.bottomCloud{
    margin-top:-20px;
    margin-left:300px;
    height:60px;
    width:auto;
}

.MLImage{
    height:60px;
    width:auto;
}

@keyframes bounce{
    0% {transform: translateY(0);}
    50%{transform:trnaslateY(-10px);}
    100%{transform: translateY(0);}
}

.fill{
    background-color:lightpink;
    width:auto;
    height:400px;
    position:relative;
    border-radius:20px;
    backdrop-filter:blur;
    border: 1px solid rgba(255,255,255,0.4);
    box-shadow: 0 25px 45px rgba(0,0,0,0.4);
    z-index:10;
    overflow:hidden;
}