#body {
background-image: url(Fon.png);
background-repeat: repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
#data{
width: 400px;
height: 360px;
margin-left: auto;
margin-right: auto;
margin-left: auto px;
margin-right: auto px;
margin-top: 170px;
margin-bottom: 120px;
background-color: #ffffff;
}

ul {list-style-type: none;margin: 0;padding: 0;overflow: hidden;background-color: #333;}
li {float: left;}
li a {display: block;color: white;text-align: center;padding: 6px 12px;text-decoration: none;}
li a:hover:not(.active) {background-color: #04bd16;}
.active {background-color: #ff320a;}

.form {position: relative;
  z-index: 1;
  max-width: 360px;
  margin: 0 auto 100px;
  padding: 45px;
  text-align: center;}
.form input {font-family: "Roboto", sans-serif;
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;}
.message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;}
.container {position: relative;
  z-index: 1;
  max-width: 300px;
  margin: 0 auto;}
.container:before, .container:after {content: "";
  display: block;
  clear: both;}

a{
font-size: 200%;
font-weight: normal;}
d1{
font-size: 400%;
color: #ff320a;
font-weight: normal;}

#b{margin-top:100px;margin-left:70px;}

.button {font-family: "Roboto", sans-serif;
  text-transform: uppercase; outline: 0;
  background: #e01b1b; width: 100%; border: 0;
  padding: 15px; color: #FFFFFF; font-size: 14px;
  -webkit-transition: all 0.3 ease; transition: all 0.3 ease;
  cursor: pointer;}
.button:hover,.button:active,.button:focus {background: #4CAF50;}

.message2::placeholder {color: #000000;}
.message2::-webkit-input-placeholder {color: #000000;}
.message2::-ms-input-placeholder {color: #000000;}
.message2:-moz-placeholder {color: #000000;opacity: 1;}
.message2::-moz-placeholder {color: #000000;opacity: 1;}
.message2:-ms-input-placeholder {color: #000000;}