style.css

/* #movie-backdrop {
    width: 100%;
}

.container {
    padding-top: 32px;
}

#actors {
    margin: 24px 16px 0 0;
} */

@import url('https://fonts.googleapis.com/css2?family=League+Gothic&display=swap');


* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body{
  font-family: 'League Gothic', sans-serif;
}


.bar1,
.bar2,
.bar3 {
  width: 1.6rem;
  height: 4px;
  background-color: #ffeb3b;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: translate(0, 10px) rotate(-45deg);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  transform: translate(0, -10px) rotate(45deg);
}

.footerWrap {
    width:100%;
    bottom: 0px;    
}

.footer {
    width:100%;
    margin:auto;
    display: flex;
}



.footer h4 {    
    width:100%; 
    text-align:center;  
}

.imgfooter {
    height: 100px;
    width: 100px;
    /* padding: 10px; */
    filter: grayscale(100%);
    border-radius: 20px
}
.imgfooter:hover{
  filter: grayscale(10%);
}

.bg-gray{
  background-color: #D3D3D3;
}
.bg-black{
  background-color: #020202;
}

.txt-yellow{
  color: #ffeb3b;
}