@charset "utf-8";

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

   Cinema Penguin Styles for Animation
   Author: Lucas Schiele
   Date:   11/25/2024

   Filename: cp_animate2.css

*/

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

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

/* Marquee Styles */
#marquee {
    position: relative;
}

#marquee table {
    position: absolute;
	
}

/* Keyframe Styles */
@keyframes scroll {
    0% {
        top: 250px;
    }
    100% {
        top: -1300px;
    }
}

/* Animation Styles */
#marquee table {
	position: absolute; 
	animation: scroll 50s linear infinite; 
}
	
#marquee:hover table {
    animation-play-state: paused;
}