/*
Filename: Homework Week 6 CSS 
Author:Rachel Lincoln 
Description: 2D & 3D transformations and color tansitions
*/

/*Setting up Body styling*/
body{
    background-image: url(images/cheers1.jpg);
    background-color: rgb(0, 1, 74);
    background-repeat:no-repeat;
    background-position:top;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 16px;
    color:white;
}


/*Setting up h1 styling*/
h1{
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bold;
    font-size: 55px;
    text-align: center;
    text-decoration: underline;
    padding:5px;
}

.color{
     /*#7 - Adding a transition to the h1 title */
     background-color:rgb(195,0,255);
     /*-webkit-transition: dodgerblue .25s ease-in;
     -moz-transition: dodgerblue .25s ease-in;
     -ms-transition: dodgerblue.25s ease-in;*/
     transition: dodgerblue .25s ease-in;
}

.color:hover{
    background-color: dodgerblue;
}

/*Setting up h2 styling*/
h2{
    font-family:Georgia, 'Times New Roman', Times, serif;
    font-weight: 600;
    font-size: 28px;
    text-align: right;
    /* #5  Setting 2D transformation - - orgin and scale remains the same*/
    /*-webkit-transform: scale(1,1.5);
    -moz-transform: scale(1,1.5);
    -ms-transform: scale(1,1.5); */
    transform: scale(1,1.5);
}

/*Adding an Intro Class for Intro paragraph styling*/
.intro{
    background-color: rgb(77, 4, 111);
    color: rgb(255, 255, 255);
    font-weight: 500;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-align:left; 
    padding: 5px;
}



/* #6 - Setting up hr styling and 3D element with browser options */
hr{
    color:cyan;
    /*-webkit-transform: rotateZ(2deg);
    -moz-transform: rotateZ(2deg);
    -ms-transform: rotateZ(2deg);*/
    transform: rotateZ(2deg);
}


/*Setting up footer styling*/
footer{
    color:white;
    text-align:right;
    /* #5  Setting 2D transformation  - - orgin and scale remains the same*/
    /*-webkit-transform-origin-y: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg); */
    transform:rotate(-20deg);

}
.validation{
    text-align-last: right;
    color:white;
}

/*Changing link coloring for readability */
a{
    color:greenyellow;
    text-decoration-line: underline;
}