body {
	overscroll-behavior:none;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-weight: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-smoothing: greyscale;
	margin: 0;
	padding: 0;
	margin: 50px;
	line-height: 1.45;
  color: rgb(41,41,41);
}
a {
	text-decoration:none;
	color: #2F3A48;
  cursor: pointer;
}
a:hover {
  color: #ababab;
}
p { margin-top: 100px; }

.logo {
	top: 50px;
	position:absolute;
	margin:0;
   font-size: 21px;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.logo {
  -webkit-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}
.logo:hover {
  -webkit-animation: rotating 1s linear infinite;
  animation: rotating 1s linear infinite;

}
.logo:hover a {
  color: #2F3A48;
}
.links {
  margin-top: -16px;
}

/*  •••••••••••••••••••••••••••••••••••••••••••••
    Main Content
•••••••••••••••••••••••••••••••••••••••••••••  */

.main__content {
  background: #333;
  color: #fff;
}


@media all and ( max-width: 768px ) {
  body {
    font-size: 19px;
    margin: 20px;
  }
  br {
  content: "" !important;
    display: inline !important;

  }
  .logo {
    top: 20px;

  }
  p {
    margin-top: 70px;
  }
  .links {
    display:block;
    margin-top: 20px;
  }
}