/* 
CSS Document used for the Homework5 assignment
Author: Lailee Bowman
Course: ITWP 1000
File: styles.css
*/

body {
    background-color: #020043;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #020043;
    margin: 30px;
}
section {
    padding-bottom: 10px;
}
h1, h2, p {
    text-align: center;
}
h1, footer {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #ffffff; 
}
h1 {
    font-size: 2rem;
    color: #f3c7ff;
}
h2 {
    font-size: 1.2rem;
}
p {
    font-size: 1rem;
}
/* ID. centers validation */
#validation {
text-align: center;
font-size:1rem;
}

main {
    margin: 5% auto;
    max-width: 50%;
    padding: 20px;
    background-color: #ffffffd1;
    border-radius: 25px;
    border-style: double;
    border-width: 8px;
    border-color: #8800ad;
}
footer a:link {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #9ad6ff;
    text-decoration-line: none;

}
footer a:hover {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #ffffff;
    text-decoration-line: none;

}
footer a:visited {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #f64bff;
    text-decoration-line: none;

}



/* If the screen size is 600px or more, set the font-size of <div> to 75px */
@media only screen and (min-width: 600px) {
  main {
    font-size: 75px;
  }
}

/* If the screen size is 599px or less, set the font-size of <div> to 32px */
@media only screen and (max-width: 599px) {
  main {
    font-size: 32px;
  }
}