@font-face {
    font-family: hieno;
    src: url(fontit/LuckiestGuy-Regular.ttf);
}

@keyframes text-zoomIn {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
body{
background-color: rgb(206, 175, 2);

}

h1 {

text-align: right;

 animation: text-zoomIn 2s ease-out 1;
    animation-delay: 0s;
font-weight: normal;

}


main {
max-width: 900px;
margin-right: auto;
margin-left: auto;
background-color: rgb(236, 206, 37);
padding: 20px;
font-family: hieno;
}

img {
    max-width: 250px;
     animation: text-zoomIn 2s ease-out 1;
    animation-delay: 0s;
}

.oikealla {
    float: right;
    

}

img {
    box-shadow: 2px 2px 15px #f7f7f77e;
}
img:hover {
    box-shadow: 2px 2px 15px #0000007e;
}

figcaption {
     animation: text-zoomIn 2s ease-out 1;
    animation-delay: 0s;
}

 figcaption a {

text-decoration: none;
color: red;
}
figcaption a:hover {
    text-decoration: underline;
}
figcaption a:visited {
color: rgb(189, 22, 22);

}