.window-head {
    display: flex;
    justify-content: space-between;
    align-items: center;

    font-family: ;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-radius: 1vw 1vw 0 0;
    padding: 0.5vw;
    box-shadow: inset 0px -2px #00000038, 0px 3px #00000038;
    font-family: Homevideo;
    
}

.window-buttons {
    font-family: ;
}

.window {
    /*background: linear-gradient(var);*/
    border-radius: 1vw;
    padding: 4px;
    box-shadow: inset 0px -2px #00000038, 0px 3px #00000038;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    position: relative;
    z-index: 0;

}

button {
    border-color: rgba(0, 0, 0, 0.151);
    color: rgb(0, 0, 0);
    background-color: transparent;
    border-radius: 5px;
    line-height: 1.2;
    
}

@font-face {
    font-family: 'HomeVideo';
    src: url('Fonts/HomeVideo-BLG6G.ttf') format('truetype');
    font-display: block;
}

.window-body {
    background-color: white;
    padding: 0.5vw;
    border-radius: 0 0 1vw 1vw;
    margin-top: 4px;
    border-color: black;
    box-shadow: inset 0px -2px #00000038, 0px 3px #00000038;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;

}


.window-altbody {
    overflow: hidden;
}

.window-title {
    --shadow-blur: 0.8em;
    --shadow-color: rgba(255, 255, 255, 0.9);
    color: black;
    text-shadow: 0px 0px var(--shadow-blur) var(--shadow-color), 0px 0px var(--shadow-blur) var(--shadow-color), 0px 0px var(--shadow-blur) var(--shadow-color), 0px 0px var(--shadow-blur) var(--shadow-color), 0px 0px var(--shadow-blur) var(--shadow-color);
}