.title{
    position: absolute;
    color: black; 
    font-size: 60px;
    font-family: sans-serif;    
    top: 0;
    left: 40%;
}
#gameover{
    border: none;
    background: transparent;
    position: center;      
    top: 50%;                          
    transform: translate(-50%, -50%);
    padding: 0;
}

#first{
 border: none;
 background: transparent;
 position: absolute;      /* Makes the button position relative to its nearest positioned ancestor (or the page if none) */
 top: 50%;                /* Move the button down 50% from the top */
 left: 20%;               /* Move the button right 20% from the left */
 transform: translate(-50%, -50%); /* Centers the button by offsetting its own width/height */
 padding: 0;
}

#trap_door{
    border: none;
    background: transparent;
    position: absolute;      
    top: 50%;               
    left: 80%;             
    transform: translate(-50%, -50%);
    padding: 0;
}

#wrong_door{
    border: none;
    background: transparent;
    position: absolute;      
    top: 50%;               
    left: 20%;             
    transform: translate(-50%, -50%);
    padding: 0;
}

#blue_image{
    max-width: 100%;
    max-height: 100%;    
}

#second{
    border: none;
    background: transparent;
    position: absolute;      
    top: 50%;               
    left: 80%;             
    transform: translate(-50%, -50%);
    padding: 0;
}

#box{
border: none;
background: transparent;
position: absolute;      
top: 50%;               
left: 80%;             
transform: translate(-50%, -50%);
padding: 0;
}

#fridge{
    border: none;
    background: transparent;
    position: absolute;      
    top: 50%;               
    left: 80%;             
    transform: translate(-50%, -50%);
    padding: 0;
    } 


#light{
        border: none;
        background: transparent;
        position: absolute;      
        top: 50%;               
        left: 20%;             
        transform: translate(-50%, -50%);
        padding: 0;
}

#third{
    color: rgb(0, 0, 0);                       
    font-size: 16px;            
    border: none;              
    border-radius: 5px;         
    cursor: pointer;          
    font-size: 30px;
    background-color: rgb(255, 255, 255);
    position: absolute; 
    right: 20%;
    bottom: 60%;
}

.score{
    position: absolute;
    color: rgb(255, 0, 0);
    font-size: 30px;
    bottom: 0%;
    left: 20px;
    
}

.pick{
    position: absolute;
    color: black; 
    font-size: 60px;
    font-family: sans-serif;    
    top: 0;
    left: 25%;
}

#fourth{
    color: rgb(0, 0, 0);                       
    font-size: 16px;            
    border: none;              
    border-radius: 5px;         
    cursor: pointer;          
    font-size: 30px;
    background-color: rgb(255, 255, 255);
    position: absolute; 
    right: 70%;
    bottom: 60%;
}

#fith{
    color: rgb(0, 0, 0);                       
    font-size: 16px;            
    border: none;              
    border-radius: 5px;         
    cursor: pointer;          
    font-size: 30px;
    background-color: rgb(255, 255, 255);
    position: absolute; 
    right: 50%;
    bottom: 60%;
}

#sixth{
    color: rgb(0, 0, 0);                       
    font-size: 16px;            
    border: none;              
    border-radius: 5px;         
    cursor: pointer;          
    font-size: 30px;
    background-color: rgb(255, 255, 255);
    position: absolute; 
    right: 30%;
    bottom: 60%;
}
#redo{
    color: rgb(0, 0, 0);                         
    border: none;               
    border-radius: 5px;        
    cursor: pointer;           
    background-color: rgb(255, 255, 255);
    position: absolute; 
    font-size: 16px;                 
    border-radius: 5px;                
    font-size: 20px;
    position: absolute; 
    right: 45%;
    bottom: 60%;
}