body{
 font-family: 'zen kaku Gothic New', sans-self;
 color: #ffffff;
 background-color: #16161a;
 }
 
header{
 font-weight: 700;
 position: absolute;
 width: 100%;
 z-index: 3;
 }
header .container{
 max-width: 1080px;
 width: 90%;
 margin: 0 auto;
 }
header .row{
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 100px;
 }
header .logo{
 font-size: 40px;
 }
header ul{
 display: flex;
 }
header ul li{
 margin-left: 30px;
 font-size: 20px;
 letter-spacing: 5px;
}
.section1{
 background-image: url(../images/movie.jpg);
 background-position: center bottom;
 background-size: cover;
 height: 100vh;
 display: flex;
 align-items:center;
 }
.section1.fifter{
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
 }
.section1 .container{
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  position: relative;
 }
.section1 a{
   font-size: 16px;
   font-weight: 700;
   padding: 16px 40px 20px 40px;
   display: inline-block;
   background-color: #7f5af0;
   border-radius: 6px;
   letter-spacing: 2px;
   transition-duration: .3s;
 }
.section1 a:hover{
  background-color: #2cb67d;
  }