@font-face {
  font-family: Commissioner;
  src: url(/fonts/commissioner.ttf)
}
@font-face {
  font-family: Mooli;
  src: url(/fonts/mooli.ttf)
}

a {
  color:#f958a9;
  font-weight:bold
}

.main {
background-color:white;
padding:10px;
height:auto;
width:auto;
border-top:1px solid #FF339970;
border-bottom:1px solid #FF339970
}

#linkbar {
  font-size:18px;
  width:700px;
  max-width:80%;
  margin:auto;
  padding-bottom:10px;
}

p {
  font-family:Commissioner, sans-serif;
  font-size:16px;
  color: #702a4c
}

body {
  background-image: url('img/background.jpg');
  background-size:contain;
  background-repeat:repeat;
  font: 14px Mooli, sans-serif; 
  color: #702a4c;
  text-align: center; 
}

hr.separator1{
  border-top: 1px solid;
  border-image:linear-gradient(to right, rgba(0,0,0,0), #ff9cce, rgba(0,0,0,0)) 1;
}

.header{
  text-align: center !important;

}

.header p{
  font-family:Mooli, sans-serif !important;
}

#headerlogo{
  width:210px; 
  padding-bottom:3px
}

.contentdiv {
  width:700px; 
  margin:auto; 
  text-align:center; 
  border-radius:20px; 
	height:auto; 
  background: linear-gradient(to bottom, #ffc6e2, #ffcee7,#ffcee7,#ffcee7, #ffc6e2);
  border:4px solid #fd61af; 
  box-shadow: 3px 3px 15px 0px #f4c1d9;
  padding:5px
}

.form-group {
    width:80%;
    margin-left:auto;
    margin-right:auto;
}


@media screen and (max-width: 710px) {
  .contentdiv {
    width:auto !important;
  }
  
  #linkbar {
  width:auto !important;
    }
  
}