@font-face {
    font-family: basiic;
    src: url('fonts/basiic.ttf');
  }
body {
    font-family: basiic;
    height: 100%;
    padding-top: 200px;
    background: #000;
    color: #fff;
}
html {
    cursor: url('cursors/mouse_pointer.gif'),auto;
}
h1 {
    text-align: center;
    font-size: 230%;
}
a {
    cursor: url('cursors/mouse_hand.gif'),auto;
    text-decoration: none;
}
a:link {
	color: black;
}
a:visited {
	color: black;
}
.warning {
    background: #015AEB;
	background: linear-gradient(180deg,rgba(1, 90, 235, 1) 0%, rgba(49, 149, 254, 1) 5%, rgba(0, 112, 252, 1) 10%, rgba(1, 92, 240, 1) 50%, rgba(0, 107, 252, 1) 95%, rgba(0, 74, 220, 1) 100%);
    color: white;
    padding-top: 3px;
}
.footer {
    color: #000;
    width: 100%;
}
.center {
    margin: auto;
    width: 500px;
    border: 1px solid;
    /* padding: 10px; */
}
.enter {
    width: 15%;
    height: 15%;
}
.margin {
    margin-left: 85%;
}
.somenet {
    width: 40%;
}
.jumpy:hover {
    text-align: right;
    background: #015AEB;
	  background: linear-gradient(180deg,rgba(1, 90, 235, 1) 0%, rgba(49, 149, 254, 1) 5%, rgba(0, 112, 252, 1) 10%, rgba(1, 92, 240, 1) 50%, rgba(0, 107, 252, 1) 95%, rgba(0, 74, 220, 1) 100%);
    color: white;
}

.primary {
    animation: primary 30s linear infinite;
  }
  
.secondary {
    animation: secondary 30s linear infinite;
}
  
@keyframes primary {
    from {
      left: 0%;
    }
    to {
      left: -698%;
    }
}
  
@keyframes secondary {
    from {
      left: 698%;
    }
    to {
      left: 0%;
    }
}