body{
    background: #222222;
}

#welcome-msg{
    width: 100%;
    height: 20%;
    text-align: center;
    font-size: 480%;
    color: #881f0f;
}

#odkaz{
    width: 100%;
    text-align: center;
    font-size: 220%;
    height: 20%;
    color: #77883b
}

#odkaz:hover{
    color: rgba(119, 136, 59, 0.62)
}

#odkaz:active{
    color: #75ff00
}

#prace-odkazy-container{
    display: flex;
    width: 100%;
    justify-content: center;
    padding-top: 1.8rem;
}

.prace{
   flex-direction: column;
    display: flex;
}

.nazev-prace{
    font-size: 300%;
    background: #8cc3a5;
    border-radius: 20px;
    padding: 8px;
    margin-bottom: 13px;
    text-decoration: none;
}

.nazev-prace:hover{
    background: rgba(140, 195, 165, 0.62);
}

.nazev-prace:active{
    background-color: #ff00dd;
    color: black;
}

#spotify{
    position: fixed;
    bottom: 0;
}

#spotify-text{
    font-size: 150%;
    color: #75ff00;
}

#spotify-text-warning{
    font-size: 78%;
    color: #e18172;
}