/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
html,body {
  margin:0;
  padding:0;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
fieldset,img { 
  border:0;
}
input{
  border:1px solid #b0b0b0;
  padding:3px 5px 4px;
  color:#979797;
  width:190px;
}
address,caption,cite,code,dfn,th,var {
  font-style:normal;
  font-weight:normal;
}
ol,ul {
  list-style:none;
}
caption,th {
  text-align:left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
q:before,q:after {
  content:'';
}
abbr,acronym { border:0;
}

h1:hover{
  transform: rotate(200deg);
  transition: 10s;
}
h2:hover{
  transform: rotate(360deg) ;
  transition: 5s;
  
}
h2{
  transition: 5s linear infinite;
}
h3:hover{
  transition: opacity 1s;
  opacity: 0;
  transform: rotate(3600deg);
  color: crimson;
  transition: 1s;


}


h3{
  position: absolute;
  top: 0;
  font-size: xx-large;
  transition: opacity 1s;
  padding: 20px;
  z-index: 1;
}
h2{
  position: absolute;
  top: 0;
  font-size: xx-large;
  opacity: 0;
  transition: opacity 1s;
}
h1:hover + h2 {
  opacity: 1;
  transform: rotate(3600deg);
  color: crimson;
  transition: 1s;
}