a{
  color:#c3c3c3;
  font-family:"Segoe UI";
  font-size:25px;
  text-decoration:none;
  margin-left:5px;
  transition-property: color;
  transition-duration: .1s;
  transition-timing-function: linear;
}
body{
  padding-left:10px;
  padding-right:10px;
  font-family:"Segoe UI";
  color:#c8c8c8;
  font-size:34px;
  background:#FBFBFB;
}

span{
  margin-left:10px;
  text-family:"segoe UI";
  text-align: center;
}

a:hover { color:#A9BFA5}

input[type=text] {
  width: 18px;
  padding: 3px;
  position:absolute;
  right:5px;bottom:5px;
  border: 1px solid #E6e6e6;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  color: #bebebe;
  background-position: -2px -1px;
  background-image: url('../res/search.png');
  background-repeat: no-repeat;
}

input[type=text]:hover {
  border-color: #bebebe;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  color: #bebebe;
  width:230px;
  background-position: 227px -1px;
  padding-right: 20px;
}
input[type=text]:focus {
  border-color: #bebebe;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease;
  color: #bebebe;
  width:230px;
  background-position: 227px -1px;
  padding-right: 20px;
}

.boxed {
  border: 1px solid #e6e6e6;
  padding: 5px;
  color: #494949;
  background-color: #ffffff;
  width: 760px;
  margin-left: -390px;
  margin-right: auto;
  position:absolute;
  left: 50%;
  top: 40%;
}

h1 {
  padding-bottom: -600px;
  position: absolute;
  visibility: hidden;
  margin-top: -200px;
  margin-left: -380px;
  left: 50%;
  top: 40%;

}