html {
		  display: table;
		  height: 100%;
		  width: 100%;
		}

		body {
		  display: table-cell;
		  vertical-align: middle;
		  font-family: 'Open Sans', sans-serif;
		  background-color: #121212;
		}

p{
	margin-left: 20px;
}

		.nanimasion {
		  /*! margin: auto; */
		  width: 100px;
		  height: 100px;
		  outline: inset 100px orange;
		  outline-offset: 1000px; /*no fa re*/
		  background-color: blue;

		  animation: NANImasion 3s ease-out infinite alternate;
		  margin-left: auto;
		  margin-right: auto;
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		  margin-top: 0px;
		}

a{
	color: #04D89D;
	text-decoration: none;
}

a:hover{
	color: #BB86FC;
	transition: 0.4s color;
	font-weight: bold;
}
		/* Standard syntax */
		@keyframes NANImasion {
		  0%   {outline-offset: 50px;
			outline: inset 100px orange;
		  }
		  100% {outline-offset: -149px;
		  outline: inset 100px red;}
		}