body {
    background-color: #edfaef;
}

a.linka {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

@media (prefers-color-scheme: dark!!!) {
    /* If the operating system is using dark mode, then apply this CSS */
    body {
        background: black;
        color: #eee;
        
    }

    a.linka {
        text-decoration: none;
        color: #eee;
        font-weight: bold;
    }
}

/* do mapki */
@media screen and (orientation:portrait) { 
    iframe {
        height: 50vh !important;
    }
}

@media screen and (orientation:landscape) {
    iframe {
        height: 75vh !important;
    }
}
 
.tdright {
    text-align: right;
}

.tdcenter {
    text-align: center;
}

.h6info {
    width: 100%; 
    text-align: center;
    color: darkblue;
    font-weight: bold;
}