body{
  background-image: url("img/img1.jpg");
  padding: 20px;
  opacity: 0.9;
   
}

h1 {
    color: #FFACAC;
   font-family:papyrus;
   font-size: 40px;
   text-align: center;
   text-shadow: 1px 1px 2px black;
   background:#FBFFB1;
   margin-top: 15px;
   margin-bottom: 15px;
    border-radius: 35px 35px 35px 35px;
    padding: 20px;
  }


  #formulario{
    text-align: center;
  }

  .message1{
    width: 400px;
    height: 90px;
    background-color:#F0E9D2;
    border-radius: 5%;
    border-width: medium;
    border-color: #FEFCF3;
    border-style: inset;
    outline: 2px#E8D2A6;
    font-family: monospace;
    font-size: 15px;
    font-weight: bold;
    color:#C92C6D;
    text-align: center;

  }

  .offset{
   font-family: papyrus;
   font-size: 15px;
   font-weight: bolder;
   text-shadow: 1px 1px 2px #FCDDB0;
   color: #7B8FA1
  }

  #key-cipher{
    font-family: papyrus;
    font-size: 15px;
    font-weight: bold;
    background-color:#F0E9D2;
    border-radius: 5%;
    border-width: medium;
    border-color: #FEFCF3;

  }

  .options{
    width: 150px;
    height: 40px;
    font-family: papyrus;
    font-weight: bolder;
    color: #251749 ;
    background-color: #D0B8A8;
    border-radius: 8px 10px;
    border-color: #F0E9D2;
  }

  div{
    background-color: #f9f4e3;
    width: 55%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    border-radius:  60px 60px 60px 60px;
    
  }

  legend{
    font-family:papyrus;
    font-size: 18px;
    font-weight:bold;
    color:#C92C6D;
  
  }

  fieldset{
    border:0;
    padding-top:2rem;
  padding-bottom:2rem;
  }


