body {
background-color: white;
opacity: 1.0;
}
header.rule0 {
background-color: gray;
opacity: 1.0;
position: sticky;
}
h1.rule1 {
background-color: gray;
opacity: 1.0;
color: darkorange;
font-weight: bold;
font-size: 25px;
text-align: center;
}
nav.rule2 {
text-align: center;
opacity: 1.0;
}
button.rule3 {
background-color: lightgray;
border-style: none;
opacity: 1.0;
border-radius: 5px;
margin-right: 5px;
margin-left: 20px;
color: purple;
font-size: 1em;
&:hover {
background-color: darkgreen;
color: white;
transition-duration: 0.8s;
opacity: 1.0;
}
}
button.rule4 {
opacity: 1.0;
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;
opacity: 1.0;
transition-duration: 0.8s;
}
}
button.rule5 {
margin-right: 20px;
margin-left: 15px;
background-color: lightgray;
opacity: 1.0;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: chocolate;
color: white;
transition-duration: 0.8s;
}
}
p.rule7 {
text-align: center;
opacity: 1.0;
color: darkblue;
}
div.rule10 {
text-align: justify-all;
opacity: 1.0;
&:hover {
color: darkgreen;
}
}
input.rule11 {
opacity: 1.0;
text-align: start;
margin: 0 0 10px 10px;
color: darkblue;
text-overflow: ellipsis;
}
div.rule12 {
text-align: start;
opacity: 1.0;
margin-top: 20px;
margin-bottom: 20px;
}
section.rule15 {
opacity: 1.0;
text-align: center;
}
div.rule18 {
text-align: start;
margin-bottom: 15px;
opacity: 1.0;
}
div.rule19 {
text-align: start;
margin-bottom: 25px;
}
strong.rule16 {
text-align: center;
opacity: 1.0;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
color: darkviolet;
}
strong.rule17 {
opacity: 1.0;
text-align: center;
color: darkcyan;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
strong.rule20 {
opacity: 1.0;
text-align: center;
color: gold;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
strong.rule21 {
text-align: center;
opacity: 1.0;
color: purple;
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px;
}
button.rule13 {
margin-right: 20px;
margin-left: 15px;
background-color: lightgray;
border-style: none;
border-radius: 5px;
opacity: 1.0;
color: darkblue;
font-size: 1em;
&:hover {
background-color: darkviolet;
color: white;
transition-duration: 0.8s;
opacity: 1.0;
}
}
button.rule14 {
margin-right: 20px;
margin-left: 15px;
background-color: lightgray;
opacity: 1.0;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: darkcyan;
opacity: 1.0;
color: white;
transition-duration: 0.8s;
}
}
button.rule144 {
margin-right: 20px;
margin-left: 15px;
background-color: darkgreen;
opacity: 1.0;
border-style: none;
border-radius: 5px;
color: whitesmoke;
font-size: 1em;
&:hover {
background-color: darkviolet;
opacity: 1.0;
color: white;
transition-duration: 0.8s;
}
}
input.rule55 {
opacity: 1.0;
text-align: center;
}
div.rule56 {
opacity: 1.0;
text-align: start;
margin-top: 20px;
margin-left: 30px;
}
div.rule48 {
text-align: end;
margin-right: 25px;
}
div.rule44 {
text-align: start;
margin-left: 25px;
}
strong.rule47 {
color: chartreuse;
font-size: 17px;
margin-bottom: 10px;
}
strong.rule49 {
color: darkred;
font-size: 17px;
margin-bottom: 10px;
}
button.rule45 {
margin-right: 20px;
margin-left: 15px;
background-color: lightgray;
opacity: 1.0;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: darkcyan;
opacity: 1.0;
color: white;
transition-duration: 0.8s;
}
}
div.rule76 {
background-color: white;
}
button.rule54 {
margin: 15px 20px 15px 15px;
background-color: darkorange;
opacity: 1.0;
border-style: none;
border-radius: 5px;
color: darkblue;
font-size: 1em;
&:hover {
background-color: green;
opacity: 1.0;
color: white;
transition-duration: 0.8s;
}
}
div.rule54 {
text-align: end;
}
input.rule432 {
display: none;
}
div.rule300 {
text-align: left;
}
strong.rule444 {
margin: 10px;
font-size: 19px;
color: darkblue;
}
strong.rule4448 {
margin: 10px;
font-size: 19px;
color: darkcyan;
font-style: italic;
}
strong.rule440 {
margin: 10px;
background-color: pink;
}
strong.rule4400 {
margin: 10px;
background-color: pink;
&:active {
color: green;
opacity: 3.9;
}
&:hover {
color: green;
opacity: 3.9;
}
}
strong.ruleuuu {
margin: 10px;
font-style: italic;
color: purple;
}
 {
}