/* Base font family for all elements matching skmop.cz */
* {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-style: normal;
}

h1 {
    text-align: center;
    color: #FFFFFF;
    margin: auto;
    font-weight: bold;
    font-size: 1em !important;
}

h1 a {
    color: #FFFFFF;
    text-decoration: none;
}

h1 a:hover {
    color: #2ba6cb;
}

#NavBar h1,
#record_header {
    font-size: 1em !important;
}

a.record_link{
    padding: 0.9375em 1.25em;
    background: deepskyblue;
    color: white;
    margin: 0.625em;
    border: solid white 0.125em;
    display: block;
    text-decoration: none;
    text-align: center;
    font-size: 1.2em;
    transition: background-color linear 200ms;
}

a.record_link:hover{
    background-color: #00a0ff;
    transition: background-color linear 200ms;
}

#welcome_div{
    text-align: center;
    margin-top: 3em;
    padding: 1.25em;
}

#welcome_div h2{
    color: #333;
    margin-bottom: 20px;
    font-size: 2em;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

#welcome_div p{
    color: #666;
    margin-bottom: 1.875em;
    font-size: 1.3em;
    line-height: 1.6;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

#navigation_links{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 25em;
    margin: auto;
}

button{
    border: black 1em;
    background-color: white;
    transition: background-color linear 200ms;
    padding: 0.625em 0.9375em;
    margin: 0.625em;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 0.875em;
}

button:hover{
    background-color: deepskyblue;
    transition: background-color linear 200ms;
}