@charset "utf-8";

/*
   New Perspectives on HTML5 and CSS3, 8th Edition
   Tutorial 8
   Review Assignment

   Cinema Penguin Styles for Animation
   Author: Landin Jones
   Date: 11/26/2023  

   Filename: cp_animate2.css

*/

/* Transition Styles */

nav#topLinks {
	color: rgb(255, 255, 255);
	text-shadow: rgba(0, 0, 0, 1) 1px -1px 1px;
	transform: scale(1,1) translateY(0px);
	transition: 1.2s linear;
}

nav#topLinks a:hover {
	color: rgb(255, 183, 25);
	text-shadow: rgba(0, 0, 0, 0.5) 0px 15px 4px;
	transform: scale(2,2) translateY(-15px);
}




/* Marquee Styles */

div#marquee {
	position: relative;
}

div#marquee table {
	position: absolute;
}




/* Keyframe Styles */

@keyframes scroll {
	0% {
		top: 250px;
	}
	100% {
		top: -1300px;
	}
}



/* Animation Styles */

div#marquee table  {
	animation: 50s linear infinite;
}

div#marquee:hover table  {
	animation-play-state: pause;
}