/*Archivo css de Arhamis Santana Hernández*/
* {
  margin: 0px;
  padding: 0px;
}

.notrans {
  height: 200px;
  width: 400px;
  background-color: cyan;
  margin: 15px;
  text-align: center;
  color: blue;
  font-size: 50px;
}

.notrans:hover {
  background-color: blue;
  color: cyan;
  border-radius: 30px;
  border-bottom: solid 7px fuchsia;
  height: 250px;
  width: 500px;
  font-size: 60px;
  transition-property: all;
  transition-duration: .75s;
  transition-timing-function: ease;
}

.trans {
  height: 200px;
  width: 400px;
  background-color: cyan;
  border: solid 3px fuchsia;
  margin: 15px;
}

.trans:hover {
  background-color: blue;
  border-style: dashed;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  margin-left: 100px;
  transform: rotate(180deg);
  transition-property: all;
  transition-duration: .75s;
  transition-timing-function: ease;
}