@font-face {
  font-family: 'Megrim';
  src :url('Fonts/Megrim-Regular.ttf') ;
}
@font-face {
  font-family: 'Raleway';
  src: url('Fonts/Raleway-Regular.ttf')  ;
}
body {
  align-items: center;
  height: 97.5vh;
  justify-content: center;
  display: flex;
	font-family: 'Megrim', sans-serif;
	background: linear-gradient(
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0.5)
        ),
		url('Image/bg.jpg');
    background-size: cover;
	background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    background-attachment: fixed;
	background-color: #333;
	color: white;
	font-size: 20px;
}
a,a:focus, a:active, a:visited {
	text-decoration: none;
	color: #fff;
}
a:hover {
  text-decoration: none;
  color:#e07b39;
  transform: translateY(-8px);
  transition: all 0.3s;
}
.main {
  width: 100%;
  text-align: center; }
  .main #date-text {
    font-size: 30px;
    padding-top: 15px;
    padding-bottom: 30px;
    color: #fff;
    font-family: 'Raleway';
  }
    .main #message-text {
    font-size: 50px;
    padding-bottom: 20px;
  font-family: 'Megrim' ,sans-serif;

}

  input{
  width=50%;
	border:none;
	border-bottom: 2px solid #fff;
	min-width: 700px;
  margin-top: 20px;
	padding-bottom: 10px;
	background-color: transparent;
	color: #fff;
	outline: 0;
	margin-bottom: 20px;
  font-family: Raleway;
}
#search-box input:focus {
        border-color:#e07b39;
      font-size: 20px;
      color: #e07b39;
    transition: all 0.5s;}
.pages {
   display: inline-flex;
}
.link {
  font-size : 20px;
  height: 70px;
  margin-left: 30px;
  margin-right: 30px;
  display: inline-flex;
  align-items: center;
  background-position: 0 0;
}
.pages img{
  position: relative;
  display: inline-block;
	height: 20px;
	width: auto;
  margin-left: 3px;
}