@media screen{
body {
    background: #FCECEA;
    color:blue;}

h1{background-color:yellow; color:green;}

h2 {background-color:green; color:red;}

p1{color:black;border:thin;border:dotted magenta;}
}
h1{text-align: center;border: 15px ridge black; padding: 1ex 1em;font-size:300%;}
h2 {text-align:left;text-decoration:underline;border-width:thin;border-style:inset;}

p2{text-decoration:underline;}
a:active {color:black;background:violet;}
a:hover { background:lightgrey;} 
ul {text-align:left; font-size: 100%;}
div {
  background-image: url(b1.jpeg);
  height:100px;
  width:100px;
   background-size: cover;
  background-repeat: no-repeat;}

div:hover{
   background-image:url(b3.jpeg);
          height:100px;
          width:100px;
          background-size:cover;
          background-repeat:no-repeat;}
          
div:active{
  background-image: url(b2.jpeg);
  height: 100px;
  width: 100px;
   background-size: cover;
  background-repeat: no-repeat;}
p3.hukidasi:hover + p3.mite {display: block;}
p3.mite {display: none;}
div.kuni{background:white;border:1px solid black;width:18ex;height:12ex;}
div.aka{background:red;position:relative;left:12ex;height:12ex;width:6ex;}
div.midori{background:green;position:relative;left:0ex;height:12ex;width:6ex;top:-12ex;}
.k{color:red;  background-color:red;}
