@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';


img{        margin:auto; }
a{          text-decoration: none; }
.text-white a{  text-decoration: underline; }

.font-light{        font-weight: 300;}

.container{     position: relative; max-width: 1000px;}
#main{          min-height: 100vh;  }

.home_h1 {      font-size: 1.5rem;padding-bottom: 30px;   padding-right: 30px;}
#movie_list h3{        font-size: 1rem; padding-top: 5px}

.header_h1{ font-size: 2.2rem; font-weight: 600;margin-bottom: 8px; }
.slogan{ font-style: italic;font-weight: 300;padding-bottom: 5px; }
#header_movie{
    position: relative;
    background-color: #232323;
    background-attachment: fixed;
    background-size: cover;
}
#header_movie::before{
    display: block;position: absolute;
    top: 0;bottom: 0;left: 0;right: 0;content: '';
    background: #232323;   opacity: 0.8;
}


#header_movie h2{ font-size: 1.2rem; font-weight: 300; }
#trends_rank{   font-weight: 600; }