body {
  text-align:center;
  font-family:"Comic Sans MS";
  background-image:url("Images/polkadot.avif");
}

.container {
  border:10px dashed #ffa6b8;
  height:750px;
}

h1 {
  font-family:"JandaSillyMonkey";
}

h3 {
  font-family:"JandaSillyMonkey";
}

@font-face {
  font-family:"JandaSillyMonkey";
  src:url('JandaSillyMonkey.ttf') format('truetype')
}

.home {
    background-color: #a2cdf2;
    color: black;
    border: none;
    margin: 20px;
    height:50px;
    width:100px;
    text-align: center;
    text-decoration:none;
    display: inline-block;
    position:fixed;
    top:0;
    left:0;
    transition-duration: 0.3s;
    overflow:hidden;
    }

.home:hover{
    background-color: #94c2eb;
    cursor: pointer;
    overflow:hidden;
    }
    
.bottom{
  display:flex;
}

.movies {
  border:10px dashed #86ddfc;
  background-color:white;
  margin:10px;
  padding:10px
}
.shows {
  border:10px dashed #a7ffa6;
  background-color:white;
  margin:10px;
  padding:10px
}
.other {
  border:10px dashed #eeb8fc;
  background-color:white;
  margin:10px;
  padding:10px
}