body, html {
background-color:#000;
margin:0;
padding:0;
height:100%;
width:100%;
border: 0 none;
}

@font-face {
   font-family: ZiggyZoe;
   src: url(a.ttf);
}

@font-face {
   font-family: Zillah;
   src: url(b.ttf);
}

.min {
position: relative;
min-width: 750px;
min-height: 90px;
width:100%;
height:100%;
}

.middle {
display: flex;
flex-direction: row;
background-color: #000;
position: absolute;
width: 700px;
height: 70px;
top: 50%;
left: 50%;
margin-top: -40px;
margin-left: -350px;
}

.input { 
flex: 2;
text-align:center;
font-family: ZiggyZoe;
font-size: 45px;
display: inline-block;
margin:auto 10px auto 10px;
height:60px;
color: #fff;
background-color: #000;
border: 3px solid #fff;
}

.send{
font-family: Zillah;
font-size: 40px;
flex: 1;
display: inline-block;
height: 50px;
color: #fff;
background-color: #000;
border: 3px solid #fff;
margin:auto 10px auto 10px;
} 

.send:hover{
color: #000;
background-color: #fff;
}