#oznamy ._drzakOznamov{
    position: fixed;
    top: 0;
    z-index: 300;
    pointer-events: none;
}
    #oznamy ._drzakOznamov > div{
        position: relative;
        display: flex;
        align-items: center;
        border: 1px solid;
        border-collapse: collapse;
        border-radius: 5px;
        padding: 0 1rem 0 0;
        animation: vysunutieZLava 0.25s linear both;
        pointer-events: auto;
    }
        #oznamy ._drzakOznamov ._oznamenie{
            background-color: hsla(122, 100%, 40%, 0.75);
            border-color: hsl(150, 100%, 30%);
            color: hsl(150, 100%, 15%);
            animation: vysunutieZasunutieDoLava 3s linear both;
        }
        #oznamy ._drzakOznamov ._upozornenie{
            background-color: hsla(60, 100%, 46%, 0.75);
            border-color: hsl(60, 100%, 35%);
            color: hsl(60, 100%, 20%);
        }
        #oznamy ._drzakOznamov ._chyba{
            background-color: hsla(0, 100%, 50%, 0.75);
            border-color: hsl(0, 100%, 25%);
            color: hsl(0, 100%, 15%);
        }
            #oznamy ._drzakOznamov ._zavri{
                color: var(--farba_prvky1);
                font-size: 2rem;
                cursor: pointer;
                transition-duration: 0.25s;
                margin: 0 1rem;
                user-select: none;
            }
            #oznamy ._drzakOznamov ._zavri:hover{
                color: var(--farba_prvky2);
                transform: rotate(180deg);
            }
                #oznamy ._drzakOznamov ._oznamenie ._zavri{
                    animation: otocenie180 0.25s linear both;
                    animation-delay: 2s;
                }