@keyframes myAnim {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}


.taivas{

    background-image: url(witchdunk-dusk-3427144_1920.jpg);
}
.katto{
    background-image: url(katto-yo.jpg);
    box-shadow: 0px 15px 15px 0px #181818; 
}
.talo{background-image: url(seina-yo.jpg);}
.ikkuna{
    background-image: none;
    background-color: #1b1b1b;
}
.ovi{
 animation: myAnim 0.1s ease 0s infinite normal forwards;  
 background-image: url(ovi-yo.jpg);
 
}
body{}
.kyltti{
    background-color: rgb(59, 59, 59);
    color: rgb(248, 63, 38);
    text-shadow: 0px 0px 15px rgb(248, 63, 38) ;
    box-shadow: 0px 30px 20px -10px #000;
}
.tolpat{
    border-color: #1b1b1b;
}
.ikkuna:hover:not(.capiche,.sixseven), .valvoja {
    background-image:none ;
    background-color: rgb(243, 243, 36);
    box-shadow: 0px 0px 20px rgb(243, 243, 36) ;
    border-color: rgb(243, 243, 36);
}
.capiche:hover{
    background-image: url(capiche.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}
.sixseven:hover{
    background-image: url(sixseven.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
}