firma nick

.firma-na {
  width: 245px;
  height: 131px;
  border: 10px solid #000;
  position: relative;
  overflow: hidden;
}

.firma-na .text-interior {
  width: 235px;
  padding: 5px;
  margin-left: 154px;
  line-height: 100%;
}

.text-interior .frase-grande {
  font-size: 30px;
  font-family: Mr De Haviland;
  padding-bottom: 5px;
  color: #fff;
  padding-top: 8px;
  border-bottom: 1px solid #fff;
  margin-bottom: 3px;
}

.text-interior .frase-chica {
  color: #fff;
  font-size: 10px;
  line-height: 100%;
  text-transform: uppercase;
  font-weight: bold;
  font-family: calibri;
  letter-spacing: 1px;
}

.texto {
  transition: 1s;
  background: #000;
  width: 500px;
  overflow: hidden;
  height: 0px;
  transform: rotate(27deg);
  position: absolute;
  top: 25px;
  left: -205px;
}

.firma-na:hover .texto {
  transition: 1s;
  opacity: 0.7;
  transform: rotate(0deg);
  transition-delay: 0.5s;
  height: 80px;
}

.muevelo1 {
  opacity: 0.4;
  background: #fff;
  transform: rotate(27deg);
  position: absolute;
  top: -250px;
  width: 300px;
  height: 120px;
  transition: 0.5s;
  transition-delay: 1s;
}

.firma-na:hover .muevelo1 {
  top: -50px;
  transition: 0.5s;
}

.muevelo2 {
  opacity: 0.4;
  background: #fff;
  transform: rotate(27deg);
  position: absolute;
  transition: 0.5s;
  transition-delay: 1s;
  bottom: -250px;
  left: -48px;
  width: 300px;
  height: 120px;
}

.firma-na:hover .muevelo2 {
  bottom: -48px;
  transition: 0.5s;
}

/* latin-ext */
@font-face {
  font-family: 'Mr De Haviland';
  font-style: normal;
  font-weight: 400;
  src: local('Mr De Haviland Regular'), local('MrDeHaviland-Regular'), url(https://fonts.gstatic.com/s/mrdehaviland/v5/fD8y4L6PJ4vqDk7z8Y8e2xy7hr70KmhIxk2PT-gbMvg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Mr De Haviland';
  font-style: normal;
  font-weight: 400;
  src: local('Mr De Haviland Regular'), local('MrDeHaviland-Regular'), url(https://fonts.gstatic.com/s/mrdehaviland/v5/fD8y4L6PJ4vqDk7z8Y8e2xKslWWn1MxsLfxBDz9WLj0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}