{
}
header.rule0 {
background-color: whitesmoke;
}
h1.rule1 {
background-color: whitesmoke;
color: darkblue;
font-weight: bold;
font-size: 25px;
text-align: center;
}
nav.rule2 {
background-color: whitesmoke;
text-align: center;
}
button.rule3 {
background-color: lightgray;
border-style: none;
border-radius: 5px;
margin-right: 5px;
margin-left: 5px;
color: purple;
font-size: 1em;
&:hover {
background-color: darkgreen;
color: white;
transition-duration: 0.8s;
}
}
button.rule4 {
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.rule5 {
margin-right: 20px;
margin-left: 10px;
background-color: lightgray;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: chocolate;
color: white;
transition-duration: 0.8s;
}
}
p.rule444 {
text-align: start;
margin-left: 15px;
color: darkcyan;
font-size: 1em;
}