html{
    scroll-behavior: smooth;
}    
    
    .moviecontainer{
        width: 700px;
        border: 3px ridge #851717;
        border-radius: 10px;
        background: linear-gradient(rgb(110, 4, 4), rgb(5, 2, 2)), url(./bg/moviebgfallback.png), Maroon;
        margin-bottom: 100px;
        box-shadow: inset 3px 3px 15px #000, 6px 6px 20px black;
        padding-top: 5px;
    }
    
    .moviethumb img{
        margin-right: 5px;
        margin-top: -23px;
        border-radius: 10px;
    }
    
  .moviethumb{
      vertical-align: top;
  }
  
  .movietitle a{
        color: #eee45e;
    }
  
    .movietitle a:hover{
        color: #acbe48;
    }
  
    .movietitle a:active{
        color: #9e9622;
    }
    
    .movietitle{
    color: #4850be;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-align: left;
    }
        .moviedesc{
    vertical-align: text-top;
    color: white;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    width: 100%;
        }
    
        .moviepadding{
    width: 20px;
        }
  
        .movierating, .movieauthor{
            min-width: 200px;
            color: white;
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }
  
        .movierating:not(.movieff) img{
  width: 20px;
  height: 20px;
        }
        .moviestats{
            padding-left: 10px;
            width: 100%;
        }
  
        .moviestats td{
            vertical-align: middle;
            height: 24px;
        }
  
        .moviestats img{
            vertical-align: middle;
        }
        .moviestats td:nth-child(3){
            text-align: right;
        }
        #searchbox{
          position: sticky;
          top: 0;
        }
        #searchbox tr{
            filter: drop-shadow(6px 4px 8px black);
        }
        #searchbox button{
          border-radius: 0;
          box-sizing: content-box;
          margin: -2px;
          padding: 3px;
          display: block;
        }
        #searchBar{
          border-radius: 0;
          width: 120px;
          height: 20px;
        }
        #endResults{
            margin-top: -200px;
            color: white;
        }
        .fiveouttafive{
            background-image: url(./img/fireworks2.gif);
            background-size: cover;
            image-rendering: pixelated;
        }
        #result2, #best2 {
            font-size: 17px;
          }
          #result3, #best3 {
            font-size: 16px;
            color: white;
          }
          #result2{
              color: coral;
          }
          #best2{
              color: crimson;
          }
          #best3, #result3{
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -moz-line-clamp: 3;
            -ms-line-clamp: 3;
            -webkit-box-orient: vertical;  
            -moz-box-orient: vertical;  
            -ms-box-orient: vertical;  
            overflow: hidden;
          }