* {
    box-sizing:border-box;
    font-family:Arial, sans-serif;
}


body {

    margin:0;
    overflow:hidden;

}


#desktop {

    height:100vh;
    width:100vw;

    background:
    linear-gradient(
        135deg,
        #202020,
        #505050
    );

    position:relative;

}



/* Desktop icons */

.desktop-icons {

    padding:20px;

}


.desktop-icon {

    color:white;
    width:80px;

    text-align:center;

    cursor:pointer;

    margin-bottom:20px;

}


.desktop-icon span {

    display:block;
    margin-top:5px;

}



/* Start menu */


#start-menu {

    display:none;

    position:absolute;

    bottom:55px;
    left:10px;

    width:230px;

    background:#222;

    color:white;

    padding:15px;

    border-radius:8px;

}


#start-menu button {

    width:100%;

    margin-top:8px;

    padding:10px;

    background:#333;

    color:white;

    border:none;

    cursor:pointer;

}



/* Taskbar */


#taskbar {

    position:absolute;

    bottom:0;

    width:100%;

    height:50px;

    background:#111;

    display:flex;

    align-items:center;

    padding:5px;

}



#taskbar button {

    background:#333;

    color:white;

    border:none;

    padding:10px 20px;

}


#clock {

    color:white;

    margin-left:auto;

    margin-right:15px;

}



/* Windows */


.window {

    position:absolute;

    width:420px;

    height:300px;

    background:white;

    border-radius:10px;

    box-shadow:0 5px 20px #000;

}


.window-header {

    height:40px;

    background:#222;

    color:white;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 10px;

    cursor:move;

}


.window-header button {

    background:#e74c3c;

    border:none;

    color:white;

    cursor:pointer;

}


.window-content {

    padding:15px;

}