@font-face {
font-family: otsikko;
src: url("FontdinerSwanky-Regular.ttf");
}

h1 {
font-family: "otsikko", sans-serif; 
color: #d68b19;
}

body {
font-family: Arial, sans-serif;
background-image: url(yelllow.jpg);
color: #a36c06;;
}
a:link {
color: #ffab0f;

}
a:visited {
color: #a36c06;

}

a:hover {
    color: #d68b19;
}

.kaikki { 
max-width: 600px;
background-color: #fce862;
margin-left: auto;
margin-right: auto;
padding: 20px;
}

p {
    font-size: 10pt;
    color: #a36c0627;

}

img {
    animation: horizontal-shaking 0.1s infinite;
}

@keyframes horizontal-shaking {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}