.main
{
    width: 60%;
    margin-left: 20%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.499);
    padding-top: 5%;
    padding-bottom: 10%;
    
    
}
.logo
{
    width: 60%;
    /* //background-color: aqua; */
    

}
.logo_image
{
    width: 80%;
}
.image
{
    
    margin-bottom: -41px;
    padding: 0px;
    font-family: Acme, ABeeZee;
    font-size: 100px;
    font-weight: bolder;
    color: orange;
    text-shadow: 0.0px 10.0px 0.02px #000, 9.8px 2.1px 0.02px #000, 4.2px -9.1px 0.02px #000, -8.0px -6.0px 0.02px #000, -7.6px 6.5px 0.02px #000, 4.8px 8.8px 0.02px #000, 9.6px -2.8px 0.02px #000, -0.7px -10.0px 0.02px #000, -9.9px -1.5px 0.02px #000, -3.5px 9.4px 0.02px #000, 8.4px 5.4px 0.02px #000, 7.1px -7.0px 0.02px #000, -5.4px -8.4px 0.02px #000, -9.4px 3.5px 0.02px #000, 1.4px 9.9px 0.02px #000, 10.0px 0.8px 0.02px #000, 2.9px -9.6px 0.02px #000, -8.7px -4.8px 0.02px #000, -6.6px 7.5px 0.02px #000, 5.9px 8.0px 0.02px #000, 9.1px -4.1px 0.02px #000, -2.1px -9.8px 0.02px #000, -10.0px -0.1px 0.02px #000, -2.2px 9.8px 0.02px #000, 9.1px 4.2px 0.02px #000, 6.1px -8.0px 0.02px #000, -6.5px -7.6px 0.02px #000, -8.8px 4.7px 0.02px #000, 2.7px 9.6px 0.02px #000, 10.0px -0.6px 0.02px #000, 1.5px -9.9px 0.02px #000, -9.3px -3.6px 0.02px #000, -5.5px 8.4px 0.02px #000, 7.0px 7.2px 0.02px #000, 8.5px -5.3px 0.02px #000, -3.4px -9.4px 0.02px #000, -9.9px 1.3px 0.02px #000, -0.8px 10.0px 0.02px #000, 9.6px 2.9px 0.02px #000, 4.9px -8.7px 0.02px #000, -7.5px -6.7px 0.02px #000, -8.1px 5.9px 0.02px #000, 4.0px 9.2px 0.02px #000, 9.8px -2.0px 0.02px #000, 0.2px -10.0px 0.02px #000, -9.7px -2.3px 0.02px #000, -4.3px 9.0px 0.02px #000, 7.9px 6.1px 0.02px #000
}
.menu
{
    width: 40%;
   /* // background-color: azure; */
    /* background-image: url('/assets/img/smuge.png'); */

}
.btn_menu
{
    width: 70%;
    
    background-color: rgb(255, 128, 0);
    border-radius: 200px;
    border: solid 6px black;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
    font-family:Acme, ABeeZee, sans-serif;

    /* background-image: url('/assets/img/smuge.png');
    border-style:none ;
     
     background-size: 100% 100%;
     background-repeat: no-repeat; */
}
@media only screen and (max-width: 750px) 

    {
        .main
        {
            width: 90%;
            margin-left: 5%;
            padding-top: 0px;
        }
        .menu
        {
            width: 100%;
        }
        .logo
        {
            width: 100%;
            margin-bottom: 50px;
            margin-top: 0px;
        }
        .btn_menu
        {
            font-size: 16px;
            margin: 5px;
        }
    }
    #mlab
    {
        text-decoration: none;
        margin-bottom: 0px;
        text-align: center;
        font-family:Acme, ABeeZee, sans-serif;
        color: #000;
    }


    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
    
      }
      
      /* Modal Content */
      .modal-content {
        position: relative;
        background-color: #0000007e;
        padding: 5%;
        padding-top: 50px; 
        width: 100%;
        height: 100%;  
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        text-align: center;
        
      }
      
      /* Add Animation */
      @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0} 
        to {top:0; opacity:1}
      }
      
      @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
      }
      
      /* The Close Button */
      .close 
      {
        color: white;
        float: right;
        font-size: 50px;
        font-weight: bold;
        position: relative;
        left:15%;
         top:-20px; 
      }
      
      .close:hover,
      .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
      }
      .scoreHeading {

        position: relative;
        top: 55px;
        font-family: Acme, ABeeZee;
        font-size: 50px;
        font-weight: bolder;
        color: orange;
        text-shadow: 0.0px 10.0px 0.02px #000, 9.8px 2.1px 0.02px #000, 4.2px -9.1px 0.02px #000, -8.0px -6.0px 0.02px #000, -7.6px 6.5px 0.02px #000, 4.8px 8.8px 0.02px #000, 9.6px -2.8px 0.02px #000, -0.7px -10.0px 0.02px #000, -9.9px -1.5px 0.02px #000, -3.5px 9.4px 0.02px #000, 8.4px 5.4px 0.02px #000, 7.1px -7.0px 0.02px #000, -5.4px -8.4px 0.02px #000, -9.4px 3.5px 0.02px #000, 1.4px 9.9px 0.02px #000, 10.0px 0.8px 0.02px #000, 2.9px -9.6px 0.02px #000, -8.7px -4.8px 0.02px #000, -6.6px 7.5px 0.02px #000, 5.9px 8.0px 0.02px #000, 9.1px -4.1px 0.02px #000, -2.1px -9.8px 0.02px #000, -10.0px -0.1px 0.02px #000, -2.2px 9.8px 0.02px #000, 9.1px 4.2px 0.02px #000, 6.1px -8.0px 0.02px #000, -6.5px -7.6px 0.02px #000, -8.8px 4.7px 0.02px #000, 2.7px 9.6px 0.02px #000, 10.0px -0.6px 0.02px #000, 1.5px -9.9px 0.02px #000, -9.3px -3.6px 0.02px #000, -5.5px 8.4px 0.02px #000, 7.0px 7.2px 0.02px #000, 8.5px -5.3px 0.02px #000, -3.4px -9.4px 0.02px #000, -9.9px 1.3px 0.02px #000, -0.8px 10.0px 0.02px #000, 9.6px 2.9px 0.02px #000, 4.9px -8.7px 0.02px #000, -7.5px -6.7px 0.02px #000, -8.1px 5.9px 0.02px #000, 4.0px 9.2px 0.02px #000, 9.8px -2.0px 0.02px #000, 0.2px -10.0px 0.02px #000, -9.7px -2.3px 0.02px #000, -4.3px 9.0px 0.02px #000, 7.9px 6.1px 0.02px #000
    }
    .Scores
    {
        background-color: rgb(23, 23, 23);
        padding: 20px;
        border-radius: 20px;
    
    }
    .scoreboard {
        margin-top: 30px;
        color: rgb(204, 203, 203);
        
        height: auto;
        background: rgb(1, 1, 1);
        border-radius: 20px;
        
        border-width: 20px;
        border-style: solid;
        border-color: black;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
    
    
    }
    
    .scoreItem {
        background-color: rgb(243, 243, 243);
        padding: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 50px;
        margin-top: 20px;
        margin-bottom: 20px;
        /* border-width: 3px;
        border-style: solid; */
        /*box-shadow: 0px 0px 9px 0px var(--player4);*/
    
    }