html{
  background-color:#060090;
  /*background-image:linear-gradient(to bottom right, #060090, black);*/
  /*background-repeat:no-repeat;*/
  color:white;
  height:100%;
}

#logo{
  width:18%;
}

h3{
  font-size:20px;
}

.spacer_top{
  padding-top:75px;
}

.space{
  padding-left:25px;
}

.tab{
  padding-top:20px;
  padding-bottom:20px;
}

.buttons{
  width:150px;
  height:50px;
  border-radius:50px;
  font-size:18px;
}

.back{
  width:130px;
  height:30px;
  border-radius:50px;
  font-size:18px;
  background-color:#a30409;
  color:white;
}

.info{
  width:130px;
  height:30px;
  border-radius:50px;
  font-size:10px;
  background-color:#d0760a;
  color:white;
}

.ball{
  height:200px;
  width:auto;
}

#discord{
  background-color:#4332cd;
  color:white;
}

#facebook{
  background-color:#167de9;
  color:white;
}

#campfire{
  background-color:#c76518;
  color:white;
}

#cashapp{
  background-color:#3bc463;
  color:white;
}

#giveaway{
  background-color:#39c670;
  color:white;
}

.info_large{
  font-family:Tahoma, sans-serif;
  font-size:30px;
}

.small{
  padding:10px;
  font-size:15px;
}

.infolarge{
  font-size:22px;
}

.infobox{
  position:absolute;
  z-index:2;
  top:5%;
  left:15%;
  width:70%;
  height:80%;
  background-color:#898989;
  color:white;
  border-radius:25px;
}

.infoshadowbox{
  position:absolute;
  z-index:1;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:black;
  opacity:50%;
}

#infobox{
  display:none;
}

#infoshadowbox{
  display:none;
}


/* New css for redesign */

.navB{
  width:100%;
  height:50px;
  background-color:yellow;
  position:relative;
  top:175px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  width:100%;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display:none;
  position:absolute;
  background-color:#f9f9f9;
  min-width:160px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content a {
  color:black;
  padding:12px 16px;
  text-decoration:none;
  display:block;
  text-align:left;
}

.dropdown-content a:hover {
  background-color:#f1f1f1;
}

.dropdown:hover .dropdown-content {
  display:block;
}
#flags{
  margin-top:50px;
}