body input:focus:required:invalid,
body textarea:focus:required:invalid {
  color: red; }

body input:required:valid,
body textarea:required:valid {
  color: green; }
html {

}
body {
  background-color: rgba(0, 0, 0, 0.005);
}

header {
 background-image: url(../back.jpg);
 background-attachment: fixed;
 background-size: 140%;
 height: 100vh;
 width: 100%;
 background-repeat: no-repeat;
 z-index: -100

}
.main_head {
 background-image: url(back.jpg);
 background-attachment: fixed;
 background-size: 140%;
 height: 100vh;
 width: 100%;
 background-repeat: no-repeat;
 z-index: -100     
}
header .h1 {
        font-size: 55px;
        position: relative;
        color: #fff;
        padding-top: 16%;
        animation-delay: 0.4s;
}
header .h1 .foot {

        font-size: 21px;
        position: relative;
        color: #fff;
        animation-delay: 0.4s;
}
p {
        font-size: 17px;
}
h3 {
        text-transform: uppercase;
}
h1 {
        border-bottom: 1px solid;
        margin: 50px;
        width: 100%;
}
.liner {
        border-right: 2px solid;
}