@font-face {
    font-family: 'Commodore64';
    src: url('fonts/Commodore-64-v6.3.TTF') format('truetype');
}

body {
    background-color: RGB(206, 206, 204);
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    font-family: 'Commodore64', monospace;
    font-size: 20.51px;
    color: RGB(134, 122, 222);
    overflow: hidden;
}

.contenedor-monitor {
    background-image: url('images/monitor.fondo_848x682.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 848px;
    height: 682px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.marco-celeste {
    width: 708px;
    height: 532px;
    background-color: RGB(134, 122, 222);
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0px solid red;
    position: relative;
}

.area-trabajo {
    width: 640px;
    height: 400px;
    background-color: RGB(72, 58, 170);
    display: block;
    padding-left: 0px;
    padding-top: 0px;
    position: relative; /* Agregado para que los sprites puedan usar 'position: absolute' */
    /* Color del texto corregido para que coincida con el cursor */
    color: RGB(134, 122, 222);
}