/* Small (default) state: aligned to the right */
#nbculogo.nbculogo-small {
    width: 25%;
    background-color: black;
    border: 10px solid black;
    position: absolute;
    right: 20px;
    top: 20px;
}

/* Fullscreen state: centered with edge spacing */
#nbculogo.nbculogo-fullscreen {
    width: 90%;
    background-color: black;
    border: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body.fullscreen {
    background-color: black;
}

.notesBox {
    background-color: white;
    position: absolute; 
    right: 20px; 
    bottom: 30px;  
    z-index: 10; 
    opacity: 0.8; 
    width: 185px; 
    line-height: 0.5;
    border:1px solid rgb(31, 31, 31);
}

.statusBoxText {
    margin-left: 5px; 
    margin-right: 5px;
    font-family: monospace; 
    font-size: 15px; 
}