body{
    background: linear-gradient(135deg, #a1c4fd, #c2e9fb);
    backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-repeat: no-repeat; /*evita que se repita el fondo**/
    background-size: cover;
    margin: 0; /*hace que este pegada a la pantalla**/
    height: 100vh; /*hace que el fondo sea del tamaño de la pagina*/

    /*
      gradientes:
      https://chatgpt.com/s/t_69c06fbfcad881918d6143d47d7a1b4d
   */
}

.os-window{
    position: absolute;
    width: 300px;
    border: 2px solid #245DDA;
    border-radius: 6px;
    overflow: hidden;
    margin: 10px;
    display: inline-block;
}

.titlebar{
    background: #245dda;
    color: white;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
}

.close-btn{
    background: none;
    border: none;
    color: white;
    cursor: pointer;
}

.window-body{
    padding: 10px;
    background: white;
}