body, html {
 padding:  0 auto;
 margin: 0 auto;	 
 background-color:#C4BAB5;
 }
 #log2{
 width: 53px;
 height: 50px;	
 }
 .flex-container{
 padding:  0 auto;
 margin: 0 auto;
 list-style: none;
 display:flex;
 flex-direction:column;
 align-items:center;
 }
 h1{
 font-family:'Marck Script', cursive;
 font-size:2.8em;
 color:black;
 letter-spacing: 3px;
 line-height: 40px;
 margin-top:30px;
 text-align:center;
 }
 .new2{
 font-family:'Marck Script', cursive;
 font-size:22px;
 border:white;	
 color: white;
 margin-bottom:0px;
 text-align:center;
 }
 .new3{
 font-family:'Marck Script', cursive;
 font-size:25px;
 color:black;
 margin-left:5px;
 }
 #new2{
  font-family:'Marck Script', cursive;
  font-style: normal;
  font-size:1.5em;
  color: white;
  line-height:10px;
  text-align:center;
 }
  .input{
 background-color:#C4BAB5;	
 border: 1px solid white;
  }
 form1{
 height:161px;
 width:350px;
 }
 #reset{
 background-color:black;
 }
 #send{
 background-color:black;
 }
 #new2:hover {
    color:#E16BB2;
    tansition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear; 
 }
 @media screen and (max-width:400px) {
 h1{	
 font-size:2em;
 line-height: 20px;
 }
  .input{
 background-color:#C4BAB5;	
 border: 1px solid white;
 width:250px;
 }
 .new3{
 font-size:1.5em;
 }
 #new2{
 font-size:1.5em;
 }
 }
  @media screen and (min-width:400px) {
 .flex-container{
  flex-wrap:wrap;
 }
  }