body{
  background-image:url("../imagenes/background.png");
}

@font-face{
  font-family: Fredoka;
  src: url(../fuentes/Fredoka.ttf);
}

h1, h2, h3, h5, h6, p, a, ul{
  font-family:Fredoka;
}

h1{
  color:#fff;
  font-size:50px;
}

h6{
  color:#fff;
}

h2{
  color:#9276AB;
}

a{
  color:#69AB5E;
}

.container{
  margin-left:auto;
  margin-right:auto;
  width:1000px;
  position:relative;
  border:20px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip: padding-box;
  background-image:url("../imagenes/fondo.png");
}

.header{
  background-image:url("../imagenes/header.png");
  height:120px;
  position:relative;
  margin-top:-35px;
  line-height:-15px;
}

.separator{
  background-image:linear-gradient(#7c6194, #694c86);
  border-color:#27003D;
  text-align:center;
  position:relative;
  height:30px;
  margin-top:-25px;
}

.warning{
   background:#fff;
  width:980px;
  height:300px;
  position:relative;
  margin-top:-1px;
  border:10px solid transparent;
  border-image:url("../imagenes/whitelace.png") 17 round;
  background-clip: padding-box;
}

.button{
  width:200px;
  height:200px;
  position:relative;
  margin-top:-1px;
  margin-left:430px;
}
.yes{
  background-image:url("../imagenes/button.png");
  border-color:#27003D;
  text-align:center;
  position:relative;
  height:30px;
  width:100px;
  margin-top:50px;
}

.no{
  background-image:url("../imagenes/button.png");
  border-color:#27003D;
  text-align:center;
  position:relative;
  height:30px;
  width:100px;
  margin-top:50px;
}