body {
background-color: whitesmoke;
}
header.rule0 {
background-color: whitesmoke;
}
h1.rule1 {
background-color: whitesmoke;
color: darkgreen;
font-weight: bold;
font-size: 25px;
text-align: center;
}
nav.rule2 {
text-align: center;
background-color: whitesmoke;
}
button.rule4 {
background-color: lightgray;
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: lightgray;
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: lightgray;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: chocolate;
color: white;
transition-duration: 0.8s;
}
}
main.rule9 {
margin-left: 20px;
margin-right: 20px;
}
div.rule10 {
}
h2.rule11 {
text-align: center;
color: chartreuse;
}
div.rule12 {
}
h3.rule13 {
text-align: center;
color: chocolate;
}
strong.rule14 {
text-align: center;
color: darkgreen;
}
div.rule15 {
}
h3.rule16 {
text-align: center;
color: darkblue;
}
strong.rule17 {
text-align: center;
color: purple;
}
h3.rule18 {
text-align: center;
color: olivedrab;
}
strong.rule19 {
text-align: center;
color: deeppink;
}
div.rule20 {
text-align: start;
margin-right: 0;
margin-left: 35px;
&:hover {
background-color: whitesmoke;
color: darkgreen;
transition-duration: 0.5s;
}
}
a.rule21 {
&:hover {
color: green;
}
}
hr.rule22 {
height: 8px;
background-color: darkkhaki;
}
a.rule10 {
&:hover {
color: green;
}
}