@import 'shared.css';

html,
body {
  height: 100%;
  width: 100%;
}

body {
  position: relative;
}

div {
  height: 128px;
  width: 128px;
  background-color: red;

  position: absolute;
  top: calc(50% - 64px);
  left: calc(50% - 64px);

  &:hover,
  &:focus {
    animation: move 10s ease-in-out both;
  }
}

@keyframes move {
  0% {
  }
  100% {
    top: 0;
    left: 0;
  }
}