body {
background-color: whitesmoke;
}
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: 20px;
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: 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;
}
}
hr.rule6 {
height: 2px;
color: darkviolet;
background-color: black;
}
h3.rule7 {
text-align: center;
background-color: whitesmoke;
border-style: none;
color: green;
font-size: 19px;
font-weight: bold;
}
p.rule8 {
text-align: center;
}
button.rule9 {
background-color: lightgray;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
margin-top: 45px;
&:hover {
background-color: chocolate;
color: white;
transition-duration: 0.5s;
}
}
div.rule34 {
text-align: center;
}
a.rule35 {
}
button.rule36 {
margin-top: 15px;
color: chocolate;
font-size: 24px;
font-style: italic;
padding: 10px;
border-radius: 10px;
background-color: darkviolet;
&:hover {
color: papayawhip;
background-color: darkgreen;
font-style: normal;
transition-duration: 1s;
}
&:active {
opacity: 0.4;
transition-duration: 0.7s;
}
}