@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap);header{background-color:#08121c;padding:.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.searchbar{font-family:inherit;font-size:large;font-weight:700;border:2px solid #030d17;border-radius:50px;padding:5px;outline:none;background-color:transparent;color:#f5f5f5;width:100%}.searchbar-container{width:100%}.search-form{width:40%;margin-left:1.5rem;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.movie-icon{font-size:2rem!important;cursor:pointer}.hamburger-icon{font-size:2.2rem!important;margin:-3px 20px 0 0;padding:0;cursor:pointer}.brand-name{display:-webkit-flex;display:flex;margin-top:5px}.brand{cursor:pointer}.brandname-and-icon{display:-webkit-flex;display:flex;text-decoration:none;color:#fff;margin-left:5px}nav{margin-top:5px}.nav-links{font-size:large;margin:1rem;width:10%;vertical-align:center}.active-nav-links,.nav-links{text-decoration:none;color:#fff}.active-nav-links{font-weight:700}@media only screen and (max-width:620px){.searchbar{width:100%}.search-form{width:50%}.hamburger-icon{margin:-3px 5px 0 0}.nav-links{display:none}}.modal-slider{height:100vh;width:300px;background-color:rgba(3,13,23,.996078431372549);color:#fff;position:fixed;z-index:99;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.close-modal-slider{display:none}.modal-movie-icon{font-size:2rem!important;cursor:pointer}.modal-hamburger-icon{font-size:2.2rem!important;margin:-3px 20px 0 0;padding:0;cursor:pointer}.modal-brand-name{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-top:.3rem;margin:.5rem}.modal-brand{cursor:pointer}.modal-brandname-and-icon{display:-webkit-flex;display:flex;text-decoration:none;color:#fff}.modal-nav{margin-top:5px}.modal-nav-links{text-decoration:none;font-size:x-large;color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:2rem;border-bottom:1px solid hsla(0,0%,82.7%,.08235294117647059);padding:1rem}.modal-active-nav-links{text-decoration:none;font-weight:700;color:#fff}@media only screen and (max-width:620px){.modal-slider{height:100vh;width:100vw}}.playlist-btn{margin-top:2px;font-size:17px!important}.watch-trailer:active{background-color:#0b0d38;color:#fff}.modal{z-index:99;color:#000;background:rgba(0,0,0,.8);height:100vh;width:100vw;position:fixed;top:0;left:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.hide-modal{display:none}.modal-content{width:200px;background-color:#181818;color:#fff;margin:auto;text-align:center;position:relative;border-radius:5px}.close{font-size:1.2rem!important;position:absolute;right:5px;top:5px;cursor:pointer}.modal-content h2{margin:1rem 5px 5px}.checklist-container{max-height:120px;overflow:scroll;margin-bottom:10px;padding-top:5px;width:100%}.modal-content .playlist-names{overflow:auto;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;margin:2px 2px 2px 2.7rem}.playlist-names input{margin:5px;cursor:pointer}.playlist-names span{margin:2px 5px 5px;text-align:left;cursor:pointer}.modal-content form input{background-color:#fff;border:1px solid hsla(0,0%,50.2%,.603);padding:.3rem .1rem;outline:none;border-radius:3px}.modal-content form button{margin:1rem;padding:.2rem;border:none;outline:none;font-size:15px;font-weight:700;font-family:inherit;background-color:#fff;color:#2c2c2c;border-radius:3px;cursor:pointer}.modal-content form button:hover{color:#fff;background-color:#1abe22}::-webkit-scrollbar{width:0}.movie{margin:2rem auto;width:300px}.movie-info span{text-transform:capitalize}.playlist-btn{margin-left:55px;cursor:pointer}.delete-bookmark{background-color:#fff;color:#000;font-family:"poppins",sans-serif;font-weight:700;font-size:15px;cursor:pointer;margin:10px;padding:10px 20px;border-radius:5px;border:none;outline:none}.delete-bookmark:active{background-color:red;color:#fff}.overview{height:330px}.remove-from-playlist-btn{font-size:1.5rem!important;margin-left:55px;cursor:pointer}.page-heading{margin-bottom:5px}.playlist-container{-webkit-flex-direction:column;flex-direction:column;margin-top:-10px}.playlist-card-container{margin:0}.playlist-header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:0 10px;position:relative}.playlist-name{top:.5rem;left:1.5rem}.delete-playlist,.playlist-name{text-align:center;position:absolute;text-transform:capitalize}.delete-playlist{padding:.5rem;border-radius:5px;border:none;outline:none;font-weight:700;font-size:15px;font-family:inherit;background-color:#f5f5f5;cursor:pointer;top:1rem;right:1.5rem}.delete-playlist:hover{background-color:red;color:#fff}.playlist-cards{-webkit-justify-content:space-between;justify-content:space-between;width:100%;height:-webkit-max-content;height:max-content;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-top:2.5rem}.movie,.playlist-cards{display:-webkit-flex;display:flex}.movie{margin:2rem auto 0;width:250px}.movie img{max-width:100%}.movie-info{-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;padding:1.5rem;background-color:hsla(0,0%,100%,.0196078431372549);border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);position:relative;overflow:hidden}.movie-info,.rating-playlist-section{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.rating-playlist-section{-webkit-flex-direction:row;flex-direction:row}.movie-info:hover{box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06),0 22.3px 17.9px rgba(0,0,0,.072),0 41.8px 33.4px rgba(0,0,0,.086),0 100px 80px rgba(0,0,0,.12)}.movie-info:hover .overview{-webkit-transform:translateX(0);transform:translateX(0)}.bookmark{color:#f5c518;position:absolute;top:15px;left:15px;font-size:3rem!important;cursor:pointer}.movie-info h3{margin:1rem .5rem;text-align:center;vertical-align:center;height:11%}.movie-info span{margin-right:55px}.overview{height:255px;overflow:auto;position:absolute;bottom:0;top:4rem;right:0;left:0;background-color:rgba(3,13,23,.9411764705882353);border-radius:5px;color:#fff;text-align:justify;-webkit-align-items:center;align-items:center;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.overview h2{margin:5px;text-align:center;font-size:x-large}.overview p{width:90%;margin:auto;font-size:14px}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5)}@media only screen and (max-width:400px){.movie{width:350px}}*{margin:0;padding:0}body{background-color:#030d17}.App{color:#fff;font-family:"Poppins",sans-serif;font-size:13px}.bookmarks-container,.movie-container,.playlist-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:.5rem}h1{text-align:center;font-size:xx-large;margin-top:5px;margin-bottom:-20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}
/*# sourceMappingURL=main.ee9c77d2.chunk.css.map */