body {background-color: lightcyan;}
h2 {color: navy;
    border: 1px solid navy;
    background-color: deepskyblue;
    box-shadow: black 2px 2px 3px;
    padding: 0ex 1ex;
    border-top-right-radius: 3ex;
    border-bottom-right-radius: 3ex;
    }
    
div.ramen {background: url("ramen.JPG") no-repeat; height: 394px; width: 700px;}

div.ramen h3   {font-size: 200%;}
div.ramen h3.s {text-shadow: white 0 -2px, white 0 2px, white 2px 0,
	white -2px 0;}

div.geso {background: url("geso.JPG") no-repeat;
	 height:394px;
	 width:700px;
	 position: absolute;
	 }

div.Rgba {
	 height: 100%;
	 background: rgba(240, 240, 240, 0.5);
	 }

h2.na  {color: navy; 
        margin-top: 5ex;
        width: 95%;
      	border: solid 1px navy;
      	transform: rotate(-12deg);
      	background: deepskyblue;
      	}

h2.ugoku:active {transform: rotate(30deg); transition 5s;}
h2.ugoku {color: red;
	 transition: 5s;
	 width: 95%;
	 margin-top: 5ex;
	 background: deepskyblue;
	 border: solid 1px navy;
	 }

p.geso {font-size: 400%;
color: green;
text-shadow: navy 0 -2px 3px, navy 0 2px, navy 2px 0,
	navy -2px 0;
margin-top: -0em;
       }