@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}embed,iframe,img,object,video{max-width:100%}img,video{display:block;height:auto}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;-webkit-clip-path:none;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}body{font-family:Kanit,sans-serif;line-height:1.5}h1,h2,h3,p{margin:0;padding:0}h1{font-size:1.5rem;font-weight:600}.wrapper{background-color:#323232;display:flex;flex-direction:column;min-height:100vh}main{padding-top:63.38px}@media(min-width:56.25em){main{padding-top:75.59px}}section h2{color:#f2f2f2;font-size:1.75rem;font-weight:500;margin:1rem 0;text-align:center;text-transform:capitalize}@media(min-width:56.25em){section h2{font-size:2.15rem;font-weight:600;margin:2rem 0 1rem}}.home-page,.search-page{min-height:100vh;padding-bottom:2rem}.search-page.center{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 305.77px);justify-content:center;min-height:0;min-height:auto;overflow:hidden;padding-bottom:0;width:100%}.search-page.center h2{margin-top:0}.search-page .no-search-result-message{margin:0 1rem}.search-page .no-search-result-message p{color:#f2f2f2;font-size:1rem;text-align:center}.search-page .no-search-result-message p:first-child{font-size:3rem;margin-bottom:1rem}@media(min-width:56.25em){.search-page.center{height:calc(100vh - 271.59px)}.search-page .no-search-result-message p{font-size:1.25rem}.search-page .no-search-result-message p:first-child{font-size:4rem;margin-bottom:1.5rem}}.about-page{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 305.77px);justify-content:center;overflow:hidden;width:100%}.about-page h2{margin:0}.about-page .about-content{color:#f2f2f2;margin:0 auto;max-width:35rem;padding:0 1rem 1rem}.about-page .about-content p{font-weight:200;margin:1rem 0;text-align:left}.about-page .about-content a{color:#f3e116;text-decoration:none}.about-page .about-content a:focus,.about-page .about-content a:hover{color:#eb3898;text-decoration:underline}.about-page .about-content img{margin:0 auto;width:7rem}@media(min-width:56.25em){.about-page{height:calc(100vh - 271.59px)}.about-page .about-content{margin-bottom:2rem}.about-page .about-content p{font-size:1.25rem}.about-page .about-content img{width:10rem}}.favourites-page{padding-bottom:2rem}.favourites-page.center{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 305.77px);justify-content:center;overflow:hidden;padding-bottom:0;width:100%}.favourites-page.center h2{margin-top:0}.favourites-page .no-favourites-message{margin:0 1rem;text-align:center}.favourites-page .no-favourites-message p{color:#f2f2f2;font-size:1rem;margin-bottom:1.5rem}.favourites-page .no-favourites-message p:first-child{font-size:3rem;margin-bottom:1.5rem}.favourites-page .no-favourites-message a{color:#eb3898;font-size:1rem;text-decoration:none;transition:color .1s ease-out}.favourites-page .no-favourites-message a:focus,.favourites-page .no-favourites-message a:hover{color:#f3e116;text-decoration:underline}@media(min-width:56.25em){.favourites-page.center{height:calc(100vh - 271.59px)}.favourites-page .no-favourites-message p{font-size:1.25rem;margin-bottom:1.75rem}.favourites-page .no-favourites-message p:first-child{font-size:4rem;margin-bottom:2rem}.favourites-page .no-favourites-message p svg{vertical-align:middle}.favourites-page .no-favourites-message a{font-size:1.25rem}}.individual-page .detail-movie-card-wrapper{background-repeat:no-repeat;background-size:cover;color:#f2f2f2;padding:3rem 0;position:relative}.individual-page .detail-movie-card-wrapper:after{background-color:#00000026;content:"";inset:0;position:absolute;z-index:1}.individual-page .detail-movie-card-wrapper .detail-moive-card{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000d9;border-radius:.25rem;margin:0 auto;max-width:125rem;overflow:hidden;position:relative;width:90%;z-index:9}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-poster-wrapper .movie-poster{position:relative}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-poster-wrapper .movie-poster:after{background:linear-gradient(180deg,#28282840 5%,#28282800 20%,#28282859);content:"";inset:0;position:absolute;z-index:5}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info{display:flex;flex-direction:column;padding:1rem 5%}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-title{font-size:1.75rem;font-weight:600}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-tagline{font-size:1.15rem;font-style:italic;font-weight:300;margin:.5rem 0 1rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-stats-info p{display:inline-block;font-size:1.15rem;font-weight:500}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-stats-info .movie-rating span{color:#f3e116}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-stats-info .info-spacer{font-weight:300;margin:0 .25rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-genre-container{margin:1rem 0}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-genre-container .movie-genre{background-color:dimgray;border-radius:.5rem;display:inline-block;font-size:1rem;font-weight:400;margin:.5rem .65rem .5rem 0;padding:.175rem .625rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-overview h3{font-size:1.25rem;font-weight:500;margin:.5rem 0}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-overview p{font-size:1.125rem;font-weight:300}.individual-page .detail-movie-card-wrapper .detail-moive-card .back-button{align-self:center;background-color:#0000;border:1.5px solid #eb3898;border-radius:1.25rem;color:#f2f2f2;cursor:pointer;display:block;font-weight:300;margin:3rem auto;padding:1rem 2.5rem;text-transform:capitalize;transition:background-color 75ms ease-out}.individual-page .detail-movie-card-wrapper .detail-moive-card .back-button:focus,.individual-page .detail-movie-card-wrapper .detail-moive-card .back-button:hover{background-color:#eb3898}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button{background-color:#0000;border:none;cursor:pointer;margin:1rem;padding:0;position:absolute;right:0;top:0;z-index:9}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button .fav-button-svg{fill:#0000;stroke:#f2f2f2bf;stroke-width:75;height:2rem;transition:fill .25s;width:2rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button .fav-button-svg.fav-button-on{fill:#f2f2f2}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button:focus .fav-button-svg,.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button:hover .fav-button-svg{stroke:#f2f2f2;stroke-width:75}@media(min-width:34.75em){.individual-page .detail-movie-card-wrapper .detail-moive-card{display:grid;grid-template-columns:1fr 2fr}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-poster-wrapper{grid-area:1/1/3/2}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info{padding:1rem 15% 1rem 5%}.individual-page .detail-movie-card-wrapper .detail-moive-card .back-button{margin:2rem auto}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button{margin:1.25rem 1rem}}@media(min-width:75em){.individual-page .detail-movie-card-wrapper .detail-moive-card{grid-template-columns:1fr 3fr}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info{padding:2rem 10% 1rem 4%}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-title{font-size:2.25rem;font-weight:500}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-tagline{font-size:1.35rem;font-style:italic;font-weight:300;margin:.5rem 0 1rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-stats-info p{display:inline-block;font-size:1.35rem;font-weight:400}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-stats-info .info-spacer{font-size:1.5rem;font-weight:200;margin:0 .75rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-genre-container .movie-genre{font-size:1.2rem;margin:.5rem .75rem .5rem 0;padding:.15rem .75rem}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-overview h3{font-size:1.75rem;font-weight:500;margin:.5rem 0}.individual-page .detail-movie-card-wrapper .detail-moive-card .movie-info .movie-overview p{font-size:1.25rem;font-weight:300}.individual-page .detail-movie-card-wrapper .detail-moive-card .back-button{font-weight:300;margin:2.25rem auto}.individual-page .detail-movie-card-wrapper .detail-moive-card .fav-button{margin:2.75rem 2rem}}header{align-items:center;background-color:#282828;display:flex;gap:.5rem;justify-content:space-between;position:fixed;width:100%;z-index:10}header h1{flex-grow:1;padding:.75rem 1rem}header h1 a{color:#eb3898;text-decoration:none}header h1 span:first-child{color:#f3e116}header h1 span:nth-child(2){color:#eb3898;text-transform:uppercase}header h1 span:nth-child(3){color:#f2f2f2}header h1 span:nth-child(4){color:#f3e116}header h1 span:nth-child(5){color:#eb3898;text-transform:uppercase}header h1 span:nth-child(6){color:#f2f2f2}header .search-and-nav-wrapper{align-items:center;display:flex;justify-content:flex-end;width:25rem}header .search-and-nav-wrapper .search-bar{flex-grow:1;position:relative}header .search-and-nav-wrapper .search-bar input[type=text]{background-color:#323232;border:none;border-radius:2rem;color:#f2f2f2;font-weight:300;overflow:hidden;padding:.5rem 20% .5rem 25%;text-overflow:ellipsis;white-space:nowrap;width:100%}header .search-and-nav-wrapper .search-bar input[type=text]::placeholder{color:dimgray;font-size:1rem;font-weight:200}header .search-and-nav-wrapper .search-bar input[type=text]:focus,header .search-and-nav-wrapper .search-bar input[type=text]:hover{box-shadow:inset 0 0 3.5px 0 dimgray}header .search-and-nav-wrapper .search-bar input[type=text]:focus::placeholder{color:#a8a4a4}header .search-and-nav-wrapper .search-bar .search-icon{left:7%;margin-top:-.575rem;position:absolute;top:50%}header .search-and-nav-wrapper .search-bar .search-icon svg{fill:#a8a4a4;height:1.15rem;width:1.15rem}header .search-and-nav-wrapper .search-bar .search-clear-btn{margin-top:-.625rem;position:absolute;right:5%;top:50%}header .search-and-nav-wrapper .search-bar .search-clear-btn svg{fill:#a8a4a4;height:1.25rem;width:1.25rem}header .search-and-nav-wrapper .menu-button{background-color:#0000;border:0;padding:1rem;z-index:3}header .search-and-nav-wrapper .menu-button .bar{background-color:#a8a4a4;border-radius:.25rem;height:.1875rem;margin:.35rem 0;transition:transform .5s,background-color .15s;width:1.5rem}header .search-and-nav-wrapper .menu-button .bar.moveUp{transform:translateY(-.5rem)}header .search-and-nav-wrapper .menu-button .bar.moveDown{transform:translateY(.5rem)}header .search-and-nav-wrapper .menu-button:focus .bar,header .search-and-nav-wrapper .menu-button:hover .bar{background-color:#f2f2f2}header .nav-menu{background-color:#282828;height:0;overflow:hidden;position:absolute;text-align:center;top:63.38px;transition:height .25s ease-out;width:100%}header .nav-menu ul{list-style-type:none;margin:0;padding:0}header .nav-menu ul li a{color:#a8a4a4;display:inline-block;font-size:1.25rem;font-weight:300;height:100%;padding:.75rem 0;text-decoration:none;width:100%}header .nav-menu ul li:focus-within,header .nav-menu ul li:hover{background-color:#eb3898;color:#f2f2f2}header .nav-menu.expand-nav-menu{height:162px;visibility:visible}header .nav-menu.expand-nav-menu a:focus,header .nav-menu.expand-nav-menu a:hover{color:#f2f2f2}header .nav-menu.expand-nav-menu a:focus li,header .nav-menu.expand-nav-menu a:hover li{background-color:#eb3898}@media(min-width:56.25em){header{gap:2rem}header h1{font-size:2.15rem;margin-left:10%;padding:.75rem 0}header .nav-menu{background-color:#0000;border:none;height:auto;margin-right:10%;overflow:visible;position:static;visibility:visible;width:auto}header .nav-menu ul{align-items:center;display:flex;justify-content:flex-end}header .nav-menu ul li a{height:auto;margin:0;padding:0;width:auto}header .nav-menu ul li a.active,header .nav-menu ul li a:focus,header .nav-menu ul li a:hover{color:#f2f2f2}header .nav-menu ul li:first-child a{margin:0 4rem 0 2rem}header .nav-menu ul li:nth-child(2) a{margin-right:4rem}header .nav-menu ul li:focus-within,header .nav-menu ul li:hover{background-color:initial}header .search-and-nav-wrapper .search-bar input[type=text]{font-size:1.25rem;padding:.65rem 20% .65rem 25%}header .search-and-nav-wrapper .search-bar input[type=text]::placeholder{font-size:1.15rem;font-weight:300}header .search-and-nav-wrapper .search-bar .search-clear-btn svg,header .search-and-nav-wrapper .search-bar .search-icon svg{height:1.35rem;width:1.35rem}header .search-and-nav-wrapper .search-bar:focus input[type=text],header .search-and-nav-wrapper .search-bar:hover input[type=text]{box-shadow:inset 0 0 3.5px 0 dimgray}header .search-and-nav-wrapper .menu-button{display:none}}.movies-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:100rem;padding:0 1rem}.movies-container .movie-card{animation:fade-in-up .5s ease-out forwards;position:relative}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}.movies-container .movie-card .default-movie-card{background-color:#282828;border-radius:.25rem;color:#f2f2f2;cursor:pointer;display:flex;flex-direction:column;height:33.5rem;overflow:hidden;position:relative;width:18rem}.movies-container .movie-card .default-movie-card .fav-button{background-color:#0000;border:none;cursor:pointer;margin:.75rem;padding:0;position:absolute;right:0;top:0;z-index:9}.movies-container .movie-card .default-movie-card .fav-button .fav-button-svg{fill:#0000;stroke:#f2f2f2bf;stroke-width:75;height:2rem;transition:fill .25s;width:2rem}.movies-container .movie-card .default-movie-card .fav-button .fav-button-svg.fav-button-on{fill:#f2f2f2}.movies-container .movie-card .default-movie-card .fav-button:focus .fav-button-svg,.movies-container .movie-card .default-movie-card .fav-button:hover .fav-button-svg{stroke:#f2f2f2;stroke-width:75}.movies-container .movie-card .default-movie-card .movie-poster{height:432px;position:relative;width:100%}.movies-container .movie-card .default-movie-card .movie-poster img{height:432px;object-fit:cover;width:100%}.movies-container .movie-card .default-movie-card .movie-poster:after{background:linear-gradient(180deg,#28282840 5%,#28282800 20%,#28282859);content:"";inset:0;position:absolute;z-index:1}.movies-container .movie-card .default-movie-card .movie-info{flex-grow:1;overflow:hidden}.movies-container .movie-card .default-movie-card .movie-info .movie-run-time{font-size:1.15rem;font-weight:400;left:0;margin:0 .75rem;position:absolute;top:75%;z-index:2}.movies-container .movie-card .default-movie-card .movie-info .movie-rating{color:#f3e116;font-size:1.15rem;font-weight:400;margin:0 .75rem;position:absolute;right:0;top:75%;z-index:2}.movies-container .movie-card .default-movie-card .movie-info .movie-title{font-size:1.25rem;font-weight:500;margin:.5rem .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movies-container .movie-card .default-movie-card .movie-info .movie-genre-container{display:flex;flex-wrap:wrap;margin:1rem .25rem}.movies-container .movie-card .default-movie-card .movie-info .movie-genre-container .movie-genre{background-color:dimgray;border-radius:.5rem;font-size:1.1rem;font-weight:400;margin:0 .25rem;padding:.1rem .5rem}.movies-container .movie-card .hovered-movie-card{background-color:#000;border-radius:.25rem;bottom:0;color:#f2f2f2;left:-.5rem;opacity:0;overflow:hidden;position:absolute;right:-.5rem;top:0;z-index:8}.movies-container .movie-card .hovered-movie-card .movie-backdrop{position:relative}.movies-container .movie-card .hovered-movie-card .movie-backdrop img{height:170.84px;object-fit:cover;width:100%}.movies-container .movie-card .hovered-movie-card .movie-backdrop:after{background:linear-gradient(180deg,#28282840 5%,#28282800 20%,#28282859);content:"";inset:0;position:absolute;z-index:1}.movies-container .movie-card .hovered-movie-card .movie-info{grid-gap:.75rem;align-items:center;display:grid;font-size:1.25rem;font-weight:300;gap:.75rem;grid-template-columns:repeat(2,1fr);margin:1rem;position:relative}.movies-container .movie-card .hovered-movie-card .movie-info .movie-released-date{font-weight:400}.movies-container .movie-card .hovered-movie-card .movie-info .movie-rating{color:#f3e116;font-weight:400;justify-self:flex-end}.movies-container .movie-card .hovered-movie-card .movie-info .movie-overview{grid-area:2/1/3/3}.movies-container .movie-card .hovered-movie-card .movie-info .movie-overview h3{font-size:1.5rem;font-weight:500}.movies-container .movie-card .hovered-movie-card .movie-info .movie-overview p{font-size:1.15rem}.movies-container .movie-card .hovered-movie-card .more-info-btn{background-color:#0000;border:2px solid #eb3898;border-radius:1.25rem;bottom:2rem;color:#f2f2f2;cursor:pointer;left:0;margin:0 auto;padding:.75rem 1.5rem;position:absolute;right:0;text-transform:capitalize;transition:background-color 75ms ease-out;width:40%}.movies-container .movie-card .hovered-movie-card .more-info-btn:focus,.movies-container .movie-card .hovered-movie-card .more-info-btn:hover{background-color:#eb3898}.movies-container .movie-card .hovered-movie-card.is-hovered,.movies-container .movie-card.is-hovered .hovered-movie-card{opacity:1}footer{background-color:#282828;color:#a8a4a4;flex-grow:1;width:100%;z-index:10}footer .footer-wrapper{align-items:flex-end;display:grid;grid-template-columns:2fr 1fr;padding:2rem 5% 4rem}footer .footer-wrapper h2{align-self:flex-start}footer .footer-wrapper h2 a{color:#a8a4a4;text-decoration:none;transition:color .15s ease-in-out}footer .footer-wrapper h2 a:focus,footer .footer-wrapper h2 a:hover{color:#f2f2f2}footer .footer-wrapper .footer-nav{grid-area:2/1/3/2;max-width:20rem}footer .footer-wrapper .footer-nav ul{display:grid;grid-template-columns:repeat(2,1fr);list-style-type:none;margin:0;padding:0}footer .footer-wrapper .footer-nav ul .nav-links{color:#a8a4a4;display:flex;flex-direction:column;font-size:1rem;font-weight:300;gap:.5rem;justify-content:space-between;text-decoration:none;text-transform:capitalize}footer .footer-wrapper .footer-nav ul .nav-links.valid a{color:#a8a4a4;display:inline;text-decoration:none;transition:color .15s ease-out}footer .footer-wrapper .footer-nav ul .nav-links.valid a:focus,footer .footer-wrapper .footer-nav ul .nav-links.valid a:hover{color:#f2f2f2}footer .footer-wrapper .social-container{font-size:1rem;font-weight:300;text-transform:capitalize}footer .footer-wrapper .social-container .social-icons-container{align-items:center;display:flex;justify-content:space-between;margin-top:.5rem;max-width:4.175rem}footer .footer-wrapper .social-container .social-icons-container a{margin-right:1rem}footer .footer-wrapper .social-container .social-icons-container a svg{fill:dimgray;display:block;height:1.25rem;transition:fill .15s ease-out;width:1.25rem}footer .footer-wrapper .social-container .social-icons-container a:focus svg,footer .footer-wrapper .social-container .social-icons-container a:hover svg{fill:#eb3898}footer .footer-wrapper .disclaimer-and-copyright p{color:#a8a4a4;font-size:.9rem;font-weight:200;text-transform:capitalize}footer .footer-wrapper .disclaimer-and-copyright p:first-child{margin:.25rem 0}@media(min-width:56.25em){footer .footer-wrapper{align-items:center;display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:65rem;padding:4rem 2rem}footer .footer-wrapper h2{align-self:center}footer .footer-wrapper h2 a{font-size:2.25rem}footer .footer-wrapper .footer-nav ul{grid-template-columns:1fr}footer .footer-wrapper .footer-nav ul .nav-links{flex-direction:row;font-size:1.25rem}footer .footer-wrapper .footer-nav ul .nav-links.valid{margin-bottom:.5rem}footer .footer-wrapper .footer-nav ul .nav-links.valid li{margin:0 1.25rem}footer .footer-wrapper .footer-nav ul .nav-links.valid li a{margin:0}footer .footer-wrapper .footer-nav ul .nav-links.invalid li{margin:0 1.25rem}footer .footer-wrapper .social-container{font-size:1.15rem}footer .footer-wrapper .social-container p{margin-bottom:.9rem}footer .footer-wrapper .social-container .social-icons-container{margin-top:0}footer .footer-wrapper .social-container .social-icons-container a{margin-right:.75rem}footer .footer-wrapper .social-container .social-icons-container a svg{height:1.5rem;width:1.5rem}footer .footer-wrapper .disclaimer-and-copyright p{font-size:1.15rem;margin:0}footer .footer-wrapper .disclaimer-and-copyright p:first-child{margin:0 0 .75rem}}.movie-category-wrapper{position:relative;width:100%}.movie-category-wrapper .display-category-button{background-color:#eb3898f2;border:none;border-radius:1rem;color:#f2f2f2;display:block;font-weight:400;height:2.625rem;margin:1.5rem auto;position:relative;width:18rem;z-index:2}.movie-category-wrapper .display-category-button:focus,.movie-category-wrapper .display-category-button:hover{background-color:#eb3898}.movie-category-wrapper .display-category-button svg{fill:#f2f2f2;display:block;font-size:1.25rem;height:100%;position:absolute;right:10%;top:0;transition:transform .4s ease-in-out}.movie-category-wrapper .display-category-button.flip-svg-up svg{transform:rotateX(180deg)}.movie-category-wrapper .display-category-button.flip-svg-down svg{transform:rotateX(0deg)}.movie-category-wrapper .movie-category-container{background-color:#282828;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;height:0;left:0;margin:0 auto;overflow:hidden;padding-top:1.3125rem;position:absolute;right:0;top:1.3125rem;transition:height .4s;width:18rem;z-index:1}.movie-category-wrapper .movie-category-container.expand{height:190.59px}.movie-category-wrapper .movie-category-container button{background-color:#282828;border:none;color:#a8a4a4;cursor:pointer;font-weight:400;padding:.75rem 0;width:100%}.movie-category-wrapper .movie-category-container button:focus,.movie-category-wrapper .movie-category-container button:hover{color:#f2f2f2}.movie-category-wrapper .movie-category-container button.current-category{background-color:dimgray;color:#f2f2f2}@media(min-width:56.25em){.movie-category-wrapper .display-category-button{display:none}.movie-category-wrapper .movie-category-container{border-radius:1rem;display:flex;height:auto;margin:1.5rem auto;max-width:45rem;padding-top:0;position:static;width:auto}.movie-category-wrapper .movie-category-container button{border-radius:1rem;font-size:1.125rem;font-weight:300;padding:.75rem 0;transition:background-color 75ms ease-out}.movie-category-wrapper .movie-category-container button:focus,.movie-category-wrapper .movie-category-container button:hover{background-color:#eb3898}}.load-more-button{align-self:center;background-color:#0000;border:1.5px solid #eb3898;border-radius:1.25rem;color:#f2f2f2;display:block;font-size:1rem;font-weight:300;margin:3.5rem auto 1rem;padding:1.125rem 1.5rem;text-transform:capitalize;transition:background-color 75ms ease-out}.load-more-button:focus,.load-more-button:hover{background-color:#eb3898}@media(min-width:56.25em){.load-more-button{font-size:1.1rem;margin:5rem auto 2rem;padding:1.125rem 2.125rem}}.skeleton-movies-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-left:auto;margin-right:auto;max-width:100rem;padding:0 1rem}.skeleton-movies-container .skeleton-movie-card{background-color:#282828;border-radius:.25rem;height:33.5rem;overflow:hidden;width:18rem}.skeleton-movies-container .skeleton-movie-card .movie-poster{background-color:dimgray;height:432px;width:100%}.skeleton-movies-container .skeleton-movie-card .movie-info .movie-title{background-color:#323232;height:2rem;margin:.75rem;width:80%}.skeleton-movies-container .skeleton-movie-card .movie-info .movie-genre-container{background-color:#323232;height:2rem;margin:.75rem;width:50%}
/*# sourceMappingURL=main.3abf95eb.css.map*/