.no-scroll{overflow:hidden}header{align-items:center;background-color:#0a1045;box-shadow:2px 1px 15px #8f8f8f;display:flex;height:6rem;justify-content:space-between;transition:all .4s ease;width:100%;z-index:2;position:relative;margin-bottom:1rem}header.expanded{align-items:flex-start;z-index:3}header .hamburger-menu{background-color:#0a1045;border:none;border-radius:0;cursor:pointer;display:flex;height:2.5rem;justify-content:center;margin-left:3px;padding:0;width:2.75rem}header .hamburger-menu.open{height:8.5rem;margin:0}header .hamburger-menu.open>span :nth-child(2){transform:rotate(-45deg) translate(-.375rem,.5rem)}header .hamburger-menu.open>span :nth-child(3){opacity:0}header .hamburger-menu.open>span :nth-child(4){transform:rotate(45deg) translate(-.375rem,-.5rem)}header .hamburger-menu .bar{background-color:#f3f5f7;display:block;height:.25rem;margin:.375rem auto;transition:.4s;width:2rem}header .hamburger-menu .sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}header .hamburger-menu #bar1{margin-top:.5rem}header .logo{align-items:center;color:#f3f5f7;display:flex;margin:.5rem}header .logo.hide{display:none}header .logo img{width:20rem}header nav.show{background-color:#0a1045;width:100%}header nav.show ul{color:#f3f5f7;display:flex;flex-direction:column;list-style:none;margin:0;padding-left:0;padding-right:3rem}header nav.show ul li{margin-top:.5rem}header nav.show ul :last-child{margin-bottom:.5rem}header nav ul{display:none}header nav ul .main-navigation-link{color:#f3f5f7}header nav ul .main-navigation-link:hover{color:#c4f5fc}@media (min-width: 960px){header{left:50%;margin-left:auto;margin-right:auto;position:fixed;top:0;transform:translate(-50%);transition:all .2s ease-out}header.with-border{box-shadow:-1px 6px 4px -2px #0003;padding-bottom:2rem;padding-top:3rem;transform:translate(-50%) translateY(-20%)}header.hidden{transform:translate(-50%) translateY(-100%)}header .hamburger-menu{display:none}header .logo img{width:22.5rem}header nav{display:block}header nav ul{display:flex}header nav ul .main-navigation-li{list-style:none}header nav ul .main-navigation-li+li{border-left:1px solid #f3f5f7}header nav ul .main-navigation-li .main-navigation-link{display:block;padding:.25rem 1rem;color:#f3f5f7}header nav ul .main-navigation-li .main-navigation-link:hover{color:#000}header nav ul .main-navigation-li .main-navigation-link:hover{color:#c4f5fc}}footer{display:flex;flex-direction:column;align-items:center}footer{justify-content:center;margin-bottom:10px;gap:0px;max-width:100vw}footer p{margin-bottom:0}footer a{text-decoration:none;margin-top:.5rem;color:#0a1045}footer a:hover{text-decoration:none;color:#3a7d44}footer a:hover #footer-github-icon{filter:brightness(0) saturate(100%) invert(27%) sepia(95%) saturate(4077%) hue-rotate(94deg) brightness(91%) contrast(87%)}footer #footer-github-icon{margin-left:5px;height:1.2rem}.movie-card{padding:2.5% 0;display:flex;flex-direction:column;column-gap:2.5%;align-items:center;min-width:345px}.movie-card img{width:85%}.movie-card .movie-data{width:55%;display:flex;flex-direction:column;align-items:center}.movie-card .movie-data>*{margin:0}.movie-card .movie-data .movie-title{font-weight:700;font-size:px}.movie-card .movie-data .more-info-button{background-color:#c4f5fc;font-size:12px;height:2rem;border:2px solid #0a1045;border-radius:1rem}.movie-card .movie-data .more-info-button>*{color:#0a1045}.movie-card .movie-data .more-info-button:hover{background-color:#bbb}.movie-card .movie-data .release-rating{display:flex;max-width:18.5rem}.movie-card .movie-data .release-rating>*{display:flex;flex-direction:column}.movie-card .movie-data .release-rating>*>*{margin:0}.movie-card .movie-data .release-rating .release-rating-labels{align-items:flex-start}.movie-card .movie-data .release-rating .release-rating-values{align-items:flex-end}.movie-card .movie-data .favorite-watchlist{display:flex;justify-content:space-evenly}.movie-card .movie-data .favorite-watchlist button{width:30px;height:30px;display:flex;padding-left:3px;padding-top:5px;background-color:transparent;border:none}.movie-card .movie-data .favorite-watchlist button.plus-sign-button{padding-left:0;padding-top:3px}.movie-card .movie-data .favorite-watchlist button .heart{position:relative;width:20px;height:18px}.movie-card .movie-data .favorite-watchlist button .heart:before,.movie-card .movie-data .favorite-watchlist button .heart:after{position:absolute;content:"";left:5px;top:0;width:10.4px;height:16px;background-color:#bbb;border-radius:5px 5px 0 0;transform:rotate(-50deg);transform-origin:50% 75%}.movie-card .movie-data .favorite-watchlist button .heart:after{transform:rotate(50deg)}.movie-card .movie-data .favorite-watchlist button .heart.favorite:before,.movie-card .movie-data .favorite-watchlist button .heart.favorite:after{background-color:#fa384f}.movie-card .movie-data .favorite-watchlist button .plus-sign{position:relative;width:20px;height:18px}.movie-card .movie-data .favorite-watchlist button .plus-sign:before,.movie-card .movie-data .favorite-watchlist button .plus-sign:after{position:absolute;content:"";width:20px;height:5px;background-color:#bbb}.movie-card .movie-data .favorite-watchlist button .plus-sign:before{transform:translateY(10px)}.movie-card .movie-data .favorite-watchlist button .plus-sign:after{transform:rotate(90deg) translate(10px)}.movie-card .movie-data .favorite-watchlist button .plus-sign.watchlist:before,.movie-card .movie-data .favorite-watchlist button .plus-sign.watchlist:after{background-color:#3a7d44}.movie-card .movie-data .star-container{margin-top:.25rem;display:flex;justify-content:flex-end}.movie-card .movie-data .star-container .star{margin:5px 0;position:relative;display:block;width:0px;height:0px;border-right:10px solid transparent;border-bottom:7px solid #f6cd13;border-left:10px solid transparent;transform:rotate(35deg)}.movie-card .movie-data .star-container .star:before{border-bottom:8px solid #f6cd13;border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;height:0;width:0;top:-4.5px;left:-6.5px;display:block;content:"";transform:rotate(-35deg)}.movie-card .movie-data .star-container .star:after{position:absolute;display:block;top:.3px;left:-10.5px;width:0px;height:0px;border-right:10px solid transparent;border-bottom:7px solid #f6cd13;border-left:10px solid transparent;transform:rotate(-70deg);content:""}@media (min-width: 400px){.movie-card{flex-direction:row}.movie-card img{width:35%;margin-left:2.5%}}@media (min-width: 640px){.movie-card{min-width:320px}}#movie-list{display:grid;grid-template-columns:100%;min-height:24rem}@media (min-width: 820px){#movie-list{grid-template-columns:50% 50%}}@media (min-width: 1200px){#movie-list{grid-template-columns:33% 34% 33%}}#about-div{text-align:left;margin-top:2rem}@media (min-width: 960px){#about-div{margin-top:8rem}}#about-div #about-title-div{display:flex;flex-direction:column;height:5rem}#about-div #about-title-div #about-title{text-align:center}#about-div .about-container{display:grid;grid-template-columns:repeat(1,1fr);gap:3.125rem;width:90%;margin:3.625rem auto}@media (min-width: 640px){#about-div .about-container{display:grid;grid-template-columns:repeat(2,45%)}}#about-div .about-container #tmdb-link{color:#8f8f8f}#about-div .about-container #tmdb-link:hover{color:#3a7d44;font-weight:700}#about-div .about-container img{width:10.625rem}img{max-width:80%;margin:0}.rating-label{max-width:15%}.line{width:95%;height:.125rem;background-color:#0a1045;margin:1rem auto}#movie-details-wrapper{display:flex;flex-direction:column;padding:0 1rem}#movie-details-wrapper .favorite-watchlist{display:flex;justify-content:space-evenly}#movie-details-wrapper .favorite-watchlist button{width:50%;height:15%;display:flex;justify-content:center;padding-left:3px;padding-top:12px;background-color:transparent;font-size:10pt}#movie-details-wrapper .favorite-watchlist button:hover{border:1px solid #0a1045}#movie-details-wrapper .favorite-watchlist button p.favorite-label,#movie-details-wrapper .favorite-watchlist button p.watch-list-label{margin:.25rem 1rem}#movie-details-wrapper .favorite-watchlist button .heart{position:relative;width:20px;height:18px}#movie-details-wrapper .favorite-watchlist button .heart:before,#movie-details-wrapper .favorite-watchlist button .heart:after{position:absolute;content:"";left:5px;top:0;width:10.4px;height:16px;background-color:#bbb;border-radius:5px 5px 0 0;transform:rotate(-50deg);transform-origin:50% 75%}#movie-details-wrapper .favorite-watchlist button .heart:after{transform:rotate(50deg)}#movie-details-wrapper .favorite-watchlist button .heart.favorite:before,#movie-details-wrapper .favorite-watchlist button .heart.favorite:after{background-color:#fa384f}#movie-details-wrapper .favorite-watchlist button .plus-sign{position:relative;width:20px;height:18px;padding-bottom:.5rem}#movie-details-wrapper .favorite-watchlist button .plus-sign:before,#movie-details-wrapper .favorite-watchlist button .plus-sign:after{position:absolute;content:"";width:20px;height:5px;background-color:#bbb}#movie-details-wrapper .favorite-watchlist button .plus-sign:before{transform:translateY(10px)}#movie-details-wrapper .favorite-watchlist button .plus-sign:after{transform:rotate(90deg) translate(10px)}#movie-details-wrapper .favorite-watchlist button .plus-sign.watchlist:before,#movie-details-wrapper .favorite-watchlist button .plus-sign.watchlist:after{background-color:#3a7d44}#movie-details-wrapper .release-rating{display:grid;grid-template-columns:30% 40% 10%;grid-template-rows:1fr 1fr;margin-left:10%}#movie-details-wrapper .release-rating .release-date-label{text-align:left}#movie-details-wrapper .release-rating .release-date-data{text-align:right}#movie-details-wrapper .release-rating .rating-label{grid-column-start:1;grid-column-end:2;grid-row-start:2;grid-row-end:3}#movie-details-wrapper .release-rating .star-container{grid-column-start:2;grid-column-end:3;grid-row-start:2;grid-row-end:3;display:flex;justify-content:flex-end;align-items:center;width:100%}#movie-details-wrapper .release-rating .star-container .star{margin:5px 0;position:relative;display:block;width:0px;height:0px;border-right:10px solid transparent;border-bottom:7px solid #f6cd13;border-left:10px solid transparent;transform:rotate(35deg)}#movie-details-wrapper .release-rating .star-container .star:before{border-bottom:8px solid #f6cd13;border-left:3px solid transparent;border-right:3px solid transparent;position:absolute;height:0;width:0;top:-4.5px;left:-6.5px;display:block;content:"";transform:rotate(-35deg)}#movie-details-wrapper .release-rating .star-container .star:after{position:absolute;display:block;top:.3px;left:-10.5px;width:0;height:0;border-right:10px solid transparent;border-bottom:7px solid #f6cd13;border-left:10px solid transparent;transform:rotate(-70deg);content:""}#movie-details-wrapper .release-rating .rating-percentage{grid-column-start:3;grid-column-end:4;grid-row-start:2;grid-row-end:3;text-align:left;padding-left:1rem}#movie-details-wrapper .release-container{display:flex;justify-content:center}#movie-details-wrapper .release-container>*{max-width:30%}@media (min-width: 768px){#movie-details-wrapper{flex-direction:row}#movie-details-wrapper #movie-details-data{display:flex;flex-direction:column;justify-content:center}#movie-details-wrapper #movie-details-data button{height:100%;display:flex;align-items:center}}@media (min-width: 960px){#details-wrapper{margin-top:7rem}}.page-favorites-container{margin:0;margin-top:2rem}.page-favorites-container .title-message{display:flex;flex-direction:column;height:5rem;justify-content:space-around}.page-favorites-container .title-message #message{margin-bottom:.75rem}.page-favorites-container .empty-favorites-container{display:flex;flex-direction:column;margin-top:8rem;height:40vh}.page-favorites-container .empty-favorites-container .favorites-instructions{display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 540px){.page-favorites-container .empty-favorites-container .favorites-instructions{flex-direction:row}}.page-favorites-container .empty-favorites-container .favorites-instructions .heart{position:relative;width:20px;height:18px;margin:0 .5rem}.page-favorites-container .empty-favorites-container .favorites-instructions .heart:before,.page-favorites-container .empty-favorites-container .favorites-instructions .heart:after{position:absolute;content:"";left:5px;top:0;width:10.4px;height:16px;background-color:#bbb;border-radius:5px 5px 0 0;transform:rotate(-50deg);transform-origin:50% 75%}.page-favorites-container .empty-favorites-container .favorites-instructions .heart:after{transform:rotate(50deg)}.page-favorites-container .empty-favorites-container .favorites-instructions .heart.favorite:before,.page-favorites-container .empty-favorites-container .favorites-instructions .heart.favorite:after{background-color:#fa384f}@media (min-width: 960px){.page-favorites-container{margin-top:8rem}}.page-watchlist-container{margin:0;margin-top:2rem}.page-watchlist-container .title-message{display:flex;flex-direction:column;height:5rem;justify-content:space-around}.page-watchlist-container .title-message #message{margin-bottom:.75rem}.page-watchlist-container .empty-watchlist-container{display:flex;flex-direction:column;margin-top:8rem;height:40vh;row-gap:1rem}.page-watchlist-container .empty-watchlist-container .watchlist-instructions{display:flex;flex-direction:column;align-items:center;row-gap:1rem}@media (min-width: 540px){.page-watchlist-container .empty-watchlist-container .watchlist-instructions{flex-direction:row;align-items:flex-start;justify-content:center}}.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign{position:relative;width:20px;height:18px;margin-right:1.25rem}.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign:before,.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign:after{position:absolute;content:"";width:20px;height:5px;background-color:#bbb}.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign:before{transform:translateY(10px)}.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign:after{transform:rotate(90deg) translate(10px)}.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign.watchlist:before,.page-watchlist-container .empty-watchlist-container .watchlist-instructions .plus-sign.watchlist:after{background-color:#3a7d44}@media (min-width: 960px){.page-watchlist-container{margin-top:8rem}}.page-not-found-container{margin:0}.page-not-found-container .message{margin-top:12rem;height:30vh}@media (min-width: 960px){.page-not-found-container{margin-top:7rem}}:root{font-family:Lato,sans-serif;line-height:1.5;font-weight:400;margin:0 auto;color:#0a1045;background-color:#f3f5f7;text-align:center;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#6783a1;text-decoration:inherit}a:hover{color:#96bccf}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f3f5f7;cursor:pointer;transition:border-color .25s}button:hover{border-color:#6783a1}div{width:100%}#page-home{margin-top:2.5rem}#page-home-div{display:flex;flex-direction:column;justify-content:center;align-items:center}#category-select-form{display:flex;flex-direction:column;justify-content:space-around}#categorySelect{margin:0 .375rem;background-color:#c4f5fc;color:#0a1045;font-family:Lato,sans-serif}#categorySelect:hover{background-color:#bbb}#search-form{padding-top:1rem}#search-form>form{display:flex;flex-direction:row;align-items:center;justify-content:center}#search{margin-right:.5rem;width:10.5rem;background-color:#c4f5fc;border:1px solid #0a1045;font-family:Lato,sans-serif;height:1.2rem}#search-button{background-color:#c4f5fc;color:#0a1045;font-size:12px;height:2rem;border:2px solid #0a1045;border-radius:1rem;margin-left:.375rem}#message,#home-message{height:1rem}@media (min-width: 640px){#page-home-div{flex-direction:row}#page-home-div>div{width:40%}#search-form{padding-top:0}#home-message{margin:1rem 0 1.5rem}}@media (min-width: 960px){#page-home{margin-top:7.5rem}#page-home-div{padding-top:1rem}}