@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500&display=swap);*{margin:0;padding:0;box-sizing:border-box;outline:none;font-family:Montserrat,sans-serif}:root{--primary-text-color:#3d64ff;--secondary-text-color:#9a9ead;--tetiary-text-color:#ccd1e1;--quatenary-text-color:#eaedf4;--primary-bg:#192039;--secondary-bg:#1e2746;--tetiary-bg:#212b4f;--quaternary-bg:#363f5e;--quinary-bg:#2e3449}body{background-color:var(--primary-bg)}a{text-decoration:none}li,ul{list-style-type:none;margin:0;padding:0}h1,h2{font-family:Nunito,sans-serif}h3,h4{font-family:Montserrat,sans-serif}::-moz-placeholder{font-family:Roboto,sans-serif}:-ms-input-placeholder{font-family:Roboto,sans-serif}::placeholder,a,button,input,label,li,option,p,select,span,table,tbody,td,textarea,th,thead,tr,ul{font-family:Roboto,sans-serif}.container .banner{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.9)),url(../img/banner-background.715bb18a.jpg);padding:170px 0}.container .banner h1{color:var(--primary-text-color);font-weight:800;font-size:60px;text-align:center;color:var(--tetiary-text-color);text-transform:uppercase}@media screen and (max-width:500px){.container .banner h1{font-size:40px}}.container .banner h1 span{color:var(--primary-text-color)}.container .search-bar{width:40%;padding:40px 0;margin:0 auto}@media screen and (max-width:1000px){.container .search-bar{width:60%}}@media screen and (max-width:500px){.container .search-bar{width:70%}}.container .search-bar input{width:100%;padding:20px;font-size:20px;border:none;background-color:#4458a7;border-radius:10px;color:var(--quatenary-text-color)}.container .search-bar input::-moz-placeholder{color:var(--tetiary-text-color);font-weight:lighter;font-style:italic}.container .search-bar input:-ms-input-placeholder{color:var(--tetiary-text-color);font-weight:lighter;font-style:italic}.container .search-bar input::placeholder{color:var(--tetiary-text-color);font-weight:lighter;font-style:italic}.container .movie-info{display:grid;grid-template-columns:32% 32% 32%;width:70%;margin:0 auto;justify-content:center;align-items:stretch;grid-gap:20px 0}@media screen and (max-width:1400px){.container .movie-info{width:80%}}@media screen and (max-width:1200px){.container .movie-info{width:90%}}@media screen and (max-width:1100px){.container .movie-info{grid-template-columns:28% 28% 28%;grid-gap:20px 60px}}@media screen and (max-width:1000px){.container .movie-info{grid-template-columns:50% 50%;justify-content:center;grid-gap:20px 50px;width:70%}}@media screen and (max-width:800px){.container .movie-info{width:70%;grid-template-columns:100%;grid-gap:20px 0}}.container .movie-info .movie-link :hover{opacity:.5}.container .movie-info .movie-link img{-o-object-fit:fill;object-fit:fill;border-radius:10px}nav h1{font-size:30px;text-align:center;padding:15px 0;background-color:var(--secondary-bg);text-transform:uppercase;font-weight:800;color:var(--tetiary-text-color)}nav h1 span{color:var(--primary-text-color)}footer{text-align:center;color:var(--secondary-text-color);padding:20px 0;font-weight:400}.movie-detail-body{display:grid;grid-template-columns:35% 60%;width:60%;margin:0 auto;padding:30px 0;align-items:start;grid-gap:10px 20px}@media screen and (max-width:1100px){.movie-detail-body{width:80%}}@media screen and (max-width:900px){.movie-detail-body{grid-template-columns:100%;grid-gap:40px 0}}.movie-detail-body .detail-image{background-color:var(--secondary-bg);display:grid;border-radius:10px}.movie-detail-body .detail-image img{-o-object-fit:fill;object-fit:fill;width:100%;border-radius:10px;padding:10px}.movie-detail-body .detail-info h2{color:var(--primary-text-color);font-size:30px;padding-bottom:10px}.movie-detail-body .detail-info>p{color:var(--tetiary-text-color);font-size:20px;padding-bottom:30px}.movie-detail-body .detail-info .detail-table thead tr{display:flex;justify-content:space-between;color:var(--primary-text-color);font-size:20px}.movie-detail-body .detail-info .detail-table thead tr th:first-child{padding-left:10px}.movie-detail-body .detail-info .detail-table thead tr th:last-child{padding-right:20px}.movie-detail-body .detail-info .detail-table tbody tr{display:flex;flex-flow:row;width:100%;justify-content:space-between;color:var(--secondary-text-color);border-bottom:1px solid var(--secondary-text-color);padding:10px}.movie-detail-body .detail-info .detail-table tbody tr td:first-child{font-weight:700;font-size:17px}