body {
background-color: lightgray;
}
header.rule0 {
background-color: lightgray;
}
main.rule9 {
background-color: whitesmoke;
}
h1.rule1 {
text-align: center;
color: purple;
}
nav.rule2 {
background-color: lightgray;
text-align: center;
}
h2.rule11 {
text-align: start;
margin-bottom: 10px;
margin-left: 20px;
color: darkblue;
}
button.rule4 {
background-color: white;
border-style: none;
border-radius: 5px;
margin-right: 5px;
margin-left: 20px;
color: purple;
font-size: 1em;
&:hover {
background-color: darkgreen;
color: white;
transition-duration: 0.8s;
}
}
button.rule6 {
margin-right: 5px;
margin-left: 15px;
background-color: white;
border-style: none;
border-radius: 5px;
color: green;
font-size: 1em;
&:hover {
background-color: darkviolet;
color: white;
transition-duration: 0.8s;
}
}
button.rule8 {
margin-right: 20px;
margin-left: 15px;
background-color: white;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: chocolate;
color: white;
transition-duration: 0.8s;
}
i.rule12 {
margin: 10px;
font-size: 1em;
color: darkblue;
padding: 10px;
}
i.rule13 {
margin-bottom: 10px;
font-size: 1em;
color: darkblue;
padding: 10px;
}
i.rule14 {
margin-bottom: 10px;
font-size: 1em;
color: darkblue;
padding: 10px;
}
i.rule15 {
margin-bottom: 10px;
font-size: 1em;
color: darkblue;
padding: 10px;
}
i.rule16 {
margin-bottom: 10px;
font-size: 19px;
color: darkblue;
padding: 10px;
}
i.rule17 {
margin-bottom: 10px;
font-size: 1em;
color: darkblue;
padding: 10px;
}
}