@font-face {
    font-family: 'MRSHFont';
    src: url('mirshriftok.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@keyframes blink {
    0% { color: black; text-shadow: none;}
    50% { color: #F2F2F2; text-shadow: 0 0 13px #ffffff17;}
    100% { color: black; text-shadow: none;}
}

main {
    padding-bottom: 50px; /* Высота футера */
}
body {
    background-color:#F2F2F2;
    font-family: 'MRSHFont', normal;
    zoom: 120%;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0px 5px 0px 5px;
    user-select: none;
}

h1 {font-size: 2rem; padding: 50px 0px 50px 0px; margin: 0%;}
h2 {font-size: 1.75rem; margin: 0%;}
p {font-size: 1.35rem; margin-top: 0px; margin-bottom: 0px;}

footer {position: fixed; text-align: center; bottom: 0;
    left: 0; padding: 10px 0; width: 100%; color: gray; background-color: #F2F2F2;}
.mail {font-size:medium; user-select: text;} 

/* player styles */
.air {cursor: pointer; display: inline-block;}
.status {transition: color 0.3s;}
.active {color: black;}
.inactive {color: #F20519;}
.blinking {animation: blink 1.2s infinite;}

/* table styles */
.program-row {
    display: block;
    margin-bottom: 7px;
    font-size: 1.35rem;
    height: 100%; 
    padding: 10px 0px 0px 0px;
}
.program-row span {
    margin-right: 5px;
}

.additional-info-live {
    color: red;
}
.additional-info-resumed {
    color: red;
}
.additional-info-other {
    color: grey;
}

.day-color {
    color: gray;
}

.time-color {
    color: black;
}