#os_canvas {
    background-color: #14140e;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

#gamediv {
position: absolute;
    top: 100px;
    left: 600px; 

}

#game_canvas {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}



body {
    margin: 0;
    padding: 0;
    overflow: hidden; 
    height: 100vh;   
    width: 100vw;
}

#bin_button img{
    top: 1%;
    left: 1%;
}

#computer_button img{
    top: 15%;
    left: 1%;
}

#documents_button img{
    top: 29%;
    left: 1%;
}

#explorer_button img{
    top: 43%;
    left: 1%;
}

#msn_button img{
    top: 57%;
    left: 1%;
}

#tiktok_button img{
    top: 71%;
    left: 1%;
}

#tom_button img{
    top: 1%;
    left: 10%;
}

#wow_button img{
    top: 15%;
    left: 10%;
}

#cs_button img{
    top: 29%;
    left: 10%;
}

#birdbutton img{
    top: 43%;
    left: 10%;
}

#wordpad_button img{
    top: 57%;
    left: 10%;
}

.button img{
    max-width: 12%;
    max-height: 12%;
    background: none;
    border: none;
    cursor: pointer;
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    z-index: 1;
    filter: drop-shadow(rgb(53, 53, 53) 1px 2px 2px);
}

.screenclick {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0%;
}

.main_menu_button {
background-color: rgba(28, 45, 54, 0.25);
font-family: "Arial Black", Gadget, sans-serif;
font-size: 20px;
color: rgb(224, 183, 19); 
border: 3px solid rgb(255, 0, 0); 
border-radius: 20px; 
top: 160px;
left: 15px;
cursor: pointer;
position: absolute;
display: none;
width: 180px;
height: auto;
z-index: 1;
filter: drop-shadow(rgb(53, 53, 53) 5px 5px 5px);
padding-top: 1%;
padding-left: 2%;
padding-right: 1%;
padding-bottom: 0%;
}