body {
    margin: 0;
    padding: 0;
    background: linear-gradient(to bottom right, black, #1565C0);
    color: white;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
a:hover{
	color:red;
}
.logo img {
    padding: 0px 0px 0px 0px;
	margin-top: -80px;
}

nav ul {
    list-style: none;
    display: flex;
    gap: 20px;
}

nav ul li  {
    text-decoration: none;
    color: white;
    font-weight: bold;
}

.active {
    color: white;
	font-family: Gotham;
	font-weight:bold;
	float:left;
	margin-left: 50px;
}

.signup-button {
    background: white;
    color: black;
	padding-left:  20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
	margin-left: 100px;
}

main {
    padding: 50px;
}

h1 {
    font-size: 50px;
    font-weight: bold;
}
.text {
	font-family: "Monument Extended Ultrabold";
	font-weight: bold;
}
.text2
{
	font-family: Gotham;
	font-weight: bold;
}
.small-text {
    font-size: 14px;
    color: gray;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}

.lets-play {
	transform: rotate(-40deg);
    position: absolute;
    right: 135px;
    top: 95px;
    color: white;
	font-family: Didot;
	font-style: italic;
}
#topnavi {
	float:right;
	height:151px;
	margin-left: 350px;
	padding:10px;
	list-style-type:none;
}

.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
