@font-face {
    font-family: Poppins;
    src: url(fonty/Poppins-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Poppins;
    src: url(fonty/Poppins-ExtraBold.ttf);
    font-weight: bold;
}

body > header {
    height: 100px;

    display: flex;
    justify-content: left;
    top: 0;


    background: #0da2f9;
    color: #010d56;
    width: 100%;
    z-index: 1;
    border-radius: 25px;

}

body {
    background-color: #010d56;
    font-family: "Poppins", serif;
    text-decoration-color: aqua;
}

#logo {
    background: url('obrazky/logo.png') no-repeat;
    background-size: 40px 40px;
    height: 40px;
    margin: auto 0 auto 20px;
    display: flex;
    flex-direction: column;
    justify-content: left;

}

#logo > * {
    margin: 0 0 0 50px;
}

#logo h1 {
    font-weight: normal;
    font-size: 1.5em;
    line-height: 1.2em;
}

#logo h1 span {
    font-weight: bold;
    text-transform: uppercase;
}

#logo small {
    text-transform: uppercase;
    font-size: 0.85em;
}

h2,h5 {
    text-align: center;
    color: #0da2f9;
}

a{
    text-decoration: none;
    color:#0da2f9;


}
a:hover{
    background:red;
}