/* ==================================================
    Name: Brandon Klein
    Course: ITWP 1050
    Assignment: Homework 2
    Description: This stylesheet controls the layout,
    typography, and styling for the Michigan State
    Hockey webpage.
=================================================== */

/* General Styling */
body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f4f4f4;
    padding: 20px;
    overflow-x: hidden;
}

h1, h2 {
    max-width: 100%;
    word-wrap: break-word;
}

/* Rotation Function */
/* Applies rotate() to header */
.rotate-header {
    transform: rotate(-1deg);
}

/* Scale Function */
/* Applies scale() to element */
.scale-section {
    transform: scale(1.03);
}

/* Skew Function */
/* Applies skew() to element */
.skew-section {
    transform: skew(3deg);
}

/* Multiple Transforms */
/* Uses transform shorthand */
.multi-transform {
    transform: rotate(1deg) scale(1.02) skew(2deg);
}

/* Transition Class */
.transition-effect {
    background-color: #2e8b57;
    color: white;
    padding: 5px;

    transition-property: background-color;
    transition-duration: 0.4s;
    transition-delay: 0.1s;
}

/* Hover effect to show transition */
.transition-effect:hover {
    background-color: black;
}