body{background:#d2fbc2;}
h1{
text-align: center;
padding-left: 36px; height: 40px;
border:none;
border-top: none;
border-bottom: red double ;
margin-left:10%;
margin-right: 10%;
color: #2f0343;
}
h2{
border-top:none;
border-right:none;
border-left:solid 10px  #3971bd;
border-bottom:solid 5px #3971bd;
color: #dd6369;
}
h3:before {content: "["} h3:after {content: "]"}
h3{
color: #2d41d6;
border-style:ridge;
}
p{
padding-left: 20px;
border:none;
}
ul{
background-image: url("back note.jpeg");
background-color:white;
background-repeat: repeat-x;
padding-left: 5%;
color:#3f065a;
}
em{
text-decoration:underline;
color:fuchsia;
}
ul.btn {margin-left: 2em;}
ul.btn > li {
list-style-image: url("btn-1.png");}
ul.btn > li:hover {
list-style-image: url("btn-2.png");}
ul.btn > li:active {
list-style-image: url("btn-3.png");}

ul.maru {margin-left: 2em;}
ul.maru > li {
list-style-image: url("maru-1.png");}
ul.maru > li:hover {
list-style-image: url("maru-2.png");}
ul.maru > li:active {
list-style-image: url("maru-3.png");}
ul.maru {margin-left: 1em;}

ul.sankaku {margin-left: 1em;}
ul.sankaku > li {
list-style-image: url("sankaku.png");}
ul.sankaku > li:hover {
list-style-image: url("sankaku-2.png");}
ul.sankaku > li:active {
list-style-image: url("sankaku-3.png");}

div.flag{
position:relative; width: 18ex; height: 12ex;
border: 1px solid black;
}
div.flag div{position: absolute; width:6ex; height: 12ex;}
div.flag div:first-child{left: 0; top: 0; background: green;}
div.flag div + div{left: 6ex; top: 0; background: white;}
div.flag div + div + div{left: 12ex; top: 0; background: red;}

div.face{
background-color:#f4ffa8;
position: relative; width: 40ex; height: 30ex;
}
.rfloat{width: 70%; float: right; margin-left: 0.4ex;}

div.w h3.s {text-shadow: white 0 -1px, white 0 1px, white 1px, white -1px }
