html,body { height: 100%; margin:0; padding:0; }
body {background-color:#000; 
        background-image:url('https://hunoppc.amiga-projects.net/sites/default/files/styles/inner_carousel/public/capture_decran_2024-10-08_152644_0.png');
    background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; background-attachment: fixed;
}
div.box {
    background-color:rgba(0,0,0,0.8);
    font-family:Gotham,sans-serif;
    color:#FFF;
    margin:0;padding:0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    zheight:100%;
    width:860px;
    margin:auto;
    min-height:100%;
    box-sizing: border-box;
}
ul {    margin-left: 0;    padding-left: 0; }
ul li { list-style:none; line-height:1.5em; }
ul li span { display:table-cell;width:8em;text-align:center;padding:0.5em 1em}
ul li.header {font-weight:bold;}
ul li.pair {background-color:rgba(250,250,250,0.1);}

h3 {border-bottom:1px solid #333;line-height:1.5em}
h3,ul.desc li {color:#aaa;font-size:0.9em}
ul.desc li span {padding:0 0.25em; display:inline-block; width:7em; text-align:right;}
ul.desc li a {color:#eee!important}
ul.desc li a:hover {color:#c20!important}

h1 {text-align:center; color:#4272da}
h2 {text-align:center; font-size:1.75em; color:#ff6c10}
ul li.header { color:#f87083; border-bottom:1px solid #f87083  }
small {color:#888}

span.date {color:#ccc;}
span.date small , span.os small {font-size:0.9em;color:#ddd}
span.os {color:#ddd}