form {
  width:480px;
  height:280px;
  position:relative;
  /* top:50%;
  left:50%; */
  margin: auto;

  text-align:center;
  box-shadow:0 0 16px rgba(0,0,0,0.25);
  background-color:#fcfcfc;
  display:block;
  font-family:'Garamond', 'Times', 'Times New Roman', Serif;
  color:#555;
  font-size:20pt;
}

input[type=text] {
  font-size:16pt;
  font-weight:300;
  width:6em;
  margin-top:3em;
  padding:1em;
  position:relative;
}

input[type=text]:focus {
  outline:none
}

input[type=submit] {
  display:none;
}

fieldset {
  border: 1px solid #ccc;
  height:92%;
  color:#777;
  display:block;
  padding:0;
  margin:2%;
}

/*  
General settings, similar for all experiments
*/

body {

  
  background-repeat:no-repeat;
  font-family:'Helvetica Neue';
  width:100%;
  height:100%;
  background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
  text-align:center;
  padding:0;
  margin:0;
}

.article {
  text-align: left;
  padding: 5% 20% 1%;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}