/*
    Name: Gerardo Castro
    Date: 10/07/2024
    Project: Intro to CSS and JavaScript
*/

/* Change the background color of my project 
    background-color: color;
    background-color: rgb(0,0,0); example 0 - 255
    background-color: rgba(0,0,0,0.25); with alpha (transparency 0-1) example 0 - 255
    background-color: #ffffff
*/

body {background-color: rgba(225, 0, 0, 0.25); color: rgba(161, 15, 15, 0.849);}
h2 { background-color: purple; 
        color: rgba(187, 197, 206, 0.849); 
        padding-left: .25in;

    }

h1 { background-color: brown; 
        color: azure;
        font-family: Chiller;
        padding: 25px;
        text-align: center;
}

img { height: 250px;
        width: 250px;

}

img.guitar { height: 500px;
                width: 500px;
}

h2#electric {
    background-color: aqua;
    color: purple;
}

ol {
    background-color: aquamarine;
}

ul {
    list-style-type: circle;
}

li {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

img {
    box-shadow: 5px 5px 5px black;

}

a {
    color: aquamarine;
}

form#fmSendMessage {
    background-color: rgb(117, 117, 221);
    padding: 1em;
    width: 50%;
    margin: auto;
    border-radius: 1.75em;
}

form#fmSendMessage label {
    width: 100px;
    float: left;
}