/* Created by Michael Arnold - https://www.hexappeal.net */
body{
  background-color:#000000
}
.wrapper{
  width:100%;
 }   
.m-wrapper{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  margin-top: 1px;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: white;
  border-style: solid;
  border-color:#ff0000;
  border-width: 5px;
  border-radius: 20px;
  min-width: 250px;
  max-width: 350px;
}
h1{
  text-align:center;
  color:#FFFFFF
}    
.cent{
  width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.c-wrapper{
  width: 80%;
  max-width: 1000px;
  background-color: #000000;
  border-style: solid;
  border-width: 5px;
  border-color: #ff0000;
  border-radius: 55px;
  padding: 20px 20px 40px 20px;
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 100px;
}
.button{
  border: 2px solid #0707aa;
  background-color: #eeeeee;
  font-size: .9rem;
  color: #0707aa;
  text-decoration: none;
  transition: 300ms ease-in-out;
  padding: 2px 15px 2px 15px;
}
.btn{
  border-color: #0707aa;
  color: #0707aa;
}
.btn:hover, btn:focus{
  background-color: #73f199;
  border-color: #2911b1;
  border-radius: 20px;
  border-width: 2px;
  color: #ff0000;
  font-weight: bold;
}