p.shadow {text-shadow: blue 2px 3px 4px;}

div.round {
 border: 3px solid red; border-radius: 50%; width: 15em; height: 15em;
 text-align: center; background: #922; color: #bb3;}
div.round p {text-align: center; color: #dd3; padding-top: 3em;}

p.boxshadow {box-shadow: red 2px 3px 4px 2px; background: yellow}

div.picture, div.tex {
  width: 200px; height: 300px;
  }
div.picture {background: url(iPhone.jpeg);
background-size: 40ex;
background-position: center;
}

div.picture p {
  text-align: center; color: white;
}

div.tex {position: relative;}

div.tex div {
  position: absolute; top: 0ex; left: 0;
}
div.tex div:first-child {
  opacity: 0.3;
}

.twe h1 {
   background: yellow; transform: rotate(-10deg); text-align: center; border: solid 1px red;
}

h2.kaiten {margin-top: 7em;}

p.spin:hover {transform: rotate(-30deg); transition 5s;}
p.spin{
   transition: 5s;
   width: 50%;
   margin-top: 5ex;
   background: yellow;
   border: solid 1px red;
}