/* colour for the window bar #312139 */

body
        {
           background-color: black; 
           color: purple;
            line-height: 1.3;
            justify-content: center;
            text-align: center;


        }

.taskbar{
    position:fixed;
    height: 65px;
    top: 0;
    width: 98.5%;
    border: 8px solid purple ;
    background-color: #312139;
    z-index: 9;
    
}

.menu{
    padding: 5px;
    position:relative;
    left: 10px;
    border-right: 8px solid purple;
    max-width: 70px;
}

.window{
    border: 4px solid magenta;
    justify-content: center;
    max-width: 950px;
    max-height: 650px;
    position: absolute;
    left: 55px;
    top: 100px;
    z-index: 1;
}

#windowbar{
    height: 20px;
    background-color: #312139 ;
    margin: 0%;
}


.windowcontent{
padding: 20px;


}

.main{
    position: absolute;
    width: 98.5%;
    top: 69px;
    height: calc(98% - 65px);

}

.menucontent{
    display: none;
    background-color: #240922;
    min-width: 55px;
    position: absolute;
    left: -15px;
    top: 71px;
}
.menucontent a {
    display: block;
    padding: 15px;
    text-decoration: none;
    border: 1px solid purple;
   
}
.menucontent a:hover {
    background-color: #312139;


}