body {
}
@font-face {
    font-family: 'TripSerifCEm';
    src: url('font/TripSerifCE.ttf') format('truetype');
}
h1 {
    font-family: TripSerifCEm;
        animation-name: moje_an_1;
}

@font-face {
    font-family: 'AdamFontk';
    src: url('font/AdamFont.TTF') format('truetype');
}
p{font-family:AdamFontk}


@keyframes moje_an_1 
{
    0% {background:blue}
    50%{background:green}
    100% {background: red}
}

@keyframes shake_it {
    0% {opacity: 1;left: 0;top: 0;}
    25% {opacity: 0.85;left: 10px;top: -5px;}
    50% {opacity: 0.65; left: 0;top: 0;}
    75% {opacity: 0.45;left: -10px; top: 5px;}
    100% {opacity: 1; left: 0;top: 0;}
}

div {
    width: 100px;
    height: 100px;
    background-color: red;
    animation-name: moje_an_1;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
h2{animation-name:moje_an_1;
   animation-duration:5s;
   
}