body {
font-size: 1.2em;
width: 100%;
margin: auto;
letter-spacing: 0.5px;
}
h1{

    text-align: center;

} #container {

    padding: 1.5em;
    background: linear-gradient(-45deg, rgb(245, 156,127), rgb(241, 89, 38));
    border-radius: 10px;
}
div{

    line-height: 2.5em;
}
 input[type="text"]  {

    font-size: 1.1em;
    text-align: center;
 }
  label, input {

    width: 100%;
  }
  @media(min-width:700px) {

    body{

        width:60%;
        background: url(background.jpg) no-repeat center center fixed;
        background-size: cover;
        margin-top: 20px;
    }
    #container{
        opacity: 0.9;
    }
     label, input, {
    display:inline-block;
    widows: 40%;
    }

    div {

    line-height: 4em;
    }
  }