.form-field{
  margin: auto;
  padding-bottom: 15px
}

.links{
  color: inherit;
  text-decoration: none;
}

.links:hover{
  color: white;
  text-decoration: none;
}

.header-con{
  padding-bottom: 40px;
}

.bad-con{
  margin-bottom: 40px;
  padding: 10px;
  border: 2px #ff1f54 solid;
  border-radius: 10px;
  background: #f97695;
  font: 1.5em PaperNotes;
}

.reg-con{
  margin-bottom: 40px;
  padding: 10px;
  border: 2px green solid;
  border-radius: 10px;
  background: #8ef2a7;
  font: 1.5em PaperNotes;
}

.con-title{
  font: 3em LoneWolf;
  color:#F7F6ED;
  margin:15px 30px 0
}

.con-form{
  font: 1.5em PaperNotes;
  color:#F7F6ED;
  margin:15px 30px 0;
  text-align: left;
}

.con-reg{
  font: 1.25em PaperNotes;
  color:#70a8bb;
  margin:15px 30px 0;
  text-align: left;
}

.con-form-button{
  font: 1.5em PaperNotes;
  color: #005977;
  margin:15px 30px 0;
  text-align: center;
  background-color: #F7F6ED;
  border-radius: 5px;
  border : none;
  padding: 5px 10px;
  text-decoration: none;
}

.con-sub{
  font: 2em MaybeCats;
  color:#70a8bb;
  margin: 0 30px
}

.div-constr{
  margin: auto;
  text-align: center;
  vertical-align: middle;
}

body{
  background-color: #005977 !important;
}

span{
  color: #F7F6ED;
  font-size: 1.5em;
  font-family: PaperNotes;
}

p{
  color: #F7F6ED;
  font-size: 1.5em;
  font-family: PaperNotes;
}

.con-field{
  width: 100%
}

.reminder{
  margin-bottom: 20px;
  padding: 10px;
  border: 1px #F7F6ED solid;
  border-radius: 10px;
  background: #F7F6ED;
}

.reminder p{
  color: #005977 !important;
  line-height: normal;
  position: relative;
}

.reminder-infos{
  color: #005977 !important;
  line-height: normal;
  font-size: 1.25em;
  margin-bottom: 5px;
}

.reminder-desc{
  position: relative;
  top:-13px
}

.reminder-links{
  color: #005977;
  text-decoration: none;
}

.reminder-links:hover{
  color: #0a58ca;
  text-decoration: none;
}