/* styling the html files */

body, h1, h2, p {
    margin:.625em;
    padding:.625em;
	border:.1125em groove red;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
}

body {
    font-family: Arial, sans-serif; 
    background-color: #c4e0f9; 
    color: #333; 
}

h1 {
    font-size: 24px; 
    font-weight: bold; 
    margin-bottom: 10px; 
}

h2 {
    font-size: 20px; 
    margin-top: 20px; 
}

p {
    font-size: 16px;
    line-height: 1.5; 
    margin-bottom: 15px; 
}

a:link {
  color: pink;
}

a:visited {
  color: purple;
}

a:hover{
	color: green
}
/* styling ID "city" */
#city
{
background-color:yellow;
}
#lorem
{
background-color:white;
color:black;
}

/* styling class selector "center" */
li.center
{
color:#fb09ef;
font-size: 30px;
}
h3 {
  color: #fff; 
  background: linear-gradient(45deg, #4CAF50, #388E3C); 
  padding: 10px 20px; 
  border-radius: 8px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); 
  text-shadow: 5px 10px 8px rgba(0, 0, 0, 0.3); 
}