body {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  background-image: url('../images/bg.jpg');
  background-size:cover;
  background-position:center;
  height:100vh;
  margin:0;
  /* background-repeat:no-repeat; */
  /* background-position
  background-repeat
  background-size
  background-attachment */
}

nav {
  position: fixed;
  top:25px;
  left:100px;
  right:100px;
  display: flex;
  justify-content: flex-end;
  align-items:center;
}
nav a {
  text-decoration: none;
  color:#fff;
}
nav a:first-child {
  margin-right:auto;
  font-size: 26px;
}
nav a:nth-of-type(n+2) {
  margin-left: 50px;
  font-size: 18px;
}
nav a:last-of-type {
  border:1px solid rgba(255,255,255,0.65);
  padding:10px 20px;
  transition:.3s all ease-in-out;
}
nav a:last-of-type:hover {
  background-color:#ef3f5a;
  border-color:#ef3f5a;
}
main {
  position: fixed;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  text-align: center;
}
h1 {
  font-size: 50px;
  color:#fff;
}
[type="search"] {
  width: 400px;
  outline:none;
}
[type="submit"] {
  background-color:#ef3f5a;
  color:#fff;
}
input {
  padding:10px 20px;
  font-family: "Lato", sans-serif;
  font-size: 18px;
  border:0;
}
small {
  position: fixed;
  right:100px;
  bottom:25px;
  color:#fff;
}