@font-face {
   font-family: 'SBBWeb Bold';
   src:
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff2') format('woff2'),
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Bold.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'SBBWeb Light';
   src:
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff2') format('woff2'),
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Light.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'SBBWeb Roman';
   src:
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff2') format('woff2'),
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Roman.woff') format('woff');
   font-display: fallback;
 }
 
 @font-face {
   font-family: 'SBBWeb Thin';
   src:
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff2') format('woff2'),
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-Thin.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
   font-family: 'SBBWeb Ultralight';
   src:
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff2') format('woff2'),
     url('https://cdn.app.sbb.ch/fonts/v1/SBBWeb-UltraLight.woff') format('woff');
   font-display: swap;
 }

h2 {
   color: white;
   text-align: center;
   font-size: 50px;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   border-radius: 10px;
   border: 2px solid white;
   font-family: 'SBBWeb Bold'
}

#clock {
   color: white;
   font-size: 45px;
   text-align: center;
   margin-left: auto;
}

strong {
   color: #ffd103;
}

.table-responsive {
   margin-bottom: 20px;
   background-color: #ffffff3d;
   border-radius: 10px;
   overflow: auto;
   box-shadow: 0 8px 6px -6px black;
}

table {
   border-collapse: collapse;
   width: 100%;
}


td, th {
   padding: 8px;
   line-height: 25px;
   vertical-align: top;
   border-bottom: 1px solid #DDD;
   text-align: center;
   color: white;
   font-size: 25px;
}

th {
   font-family: 'SBBWeb Bold'
}

header.header-flex {
    display: flex;
    justify-content: space-between; /* Distribue l'espace également */
    align-items: center;
    width: 100%;
}

.header-flex > * {
    flex: 1; /* Donne à chaque enfant une part égale de l'espace */
    display: flex;
    justify-content: center; /* Centre le contenu de chaque colonne */
    align-items: center;
}

.some-element {
    transform: scale(1.5);
    transform-origin: 0 0; /* Assure que le zoom commence en haut à gauche */
}

body {
   background-color: #1d12ee;
   font-family: 'SBBWeb Roman' !important
}