body {
    background: black;
    justify-content: center;
    align-items: center;
    font-family: 'Cute Font', sans-serif;
    overflow: hidden;
}

.container { display: flex; justify-content: center;}

.desktop { 
    width: 120vmin;
    height: 98vh;
    background-image: url(../images/bg-pattern.png);
    border-radius: 8px;
}

.title-bar {
    height: 30px;
    background-color:white;
    font-size: 26px;
    display: flex;
    align-items: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid grey;
    box-shadow: inset 0px -1px 2px gray;
}
.desktop-content {height:calc(98vh - 30px); margin:50px;}

.desktop-header-left{ display: flex; flex-basis: 50%; padding: 10px; }

.file-mgmt > ul {
    list-style: none;
    margin: 0;
    display: flex;
    gap: 20px;
}

.date-time { 
    flex-basis: 50%; 
    text-align: end;
    padding-left: 10px;
    padding-right: 10px;
}

#thing1, #thing2, #thing3, #thing4, #thing5{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 64px;
    left: 93%;
    position: relative;
    p { 
        font-size: 30px; 
        text-align: center; 
        margin: 0px;
        padding: 0px 10px; 
        width: fit-content; 
        background-color: rgb(240, 248, 255, 0.5);
    }
}

#thing1 { top: 0px; }
#thing2 { top: 50px; }
#thing3 { top: 100px; }
#thing4 { top: 150px; }
#thing5 { top: 200px; }