body{background:linear-gradient(#0b0149,#0b0149, #15037d,#2f10e9);
display: block;
background-repeat: no-repeat;
background-position:center;
background-size:100%;
color:#fff;
height:650px;
}
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background: linear-gradient(#f0f, #358);
  color: #000;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-size:1.5vw;
  font-size:3vh;
  font-weight: bold;
  border: solid 2px #fff;
}

input[type=submit]:hover {
  background: linear-gradient(#358, #f0f);
  color: #fff;
}

/* div {
  border-radius: 5px;
  background-color: rgba(.5, .3, .2, .2);
  //padding: 20px;
}
*/

.nav-links{
    flex: 1;
    text-align: center;
    background-color: #000;
    
}
.nav-links ul li{
    list-style: none;
    display: inline-block;
    margin: 1vw 1vw;
    padding:0;
}
.nav-links ul li a{
    color: rgb(238, 255, 0);
    text-decoration: none;
    text-transform: uppercase;
}
li{
    color: white;
    text-shadow: 2px 2px 4px #000000;
    font-size: 18px;
    line-height:0;
}

h2{
font-size:32px;
background-color: #211601;
border-radius: 30px;
}
.foot{
background: #444444;
line-height:2em;
color: #fff;
}