.page-container{padding:10px}body{display:inline}.main-content{display:flex}.page-nav{height:100%;margin:0}.page-nav .side-menu{width:100%;border-left:2px solid #0d253f;border-right:2px solid #0d253f}.navigator{display:flex;height:100%;gap:10px}.button-nav,.button-nav-active{width:100%;height:100%;border:none;border-radius:25px;background-color:#0d253f;color:#fff;cursor:pointer;font-size:large;display:flex;align-items:center;justify-content:center;padding:10px}.button-nav-active{background-color:#01b4e4}.button-nav:hover{background-color:#163e6a}.button-nav:active{background-color:#1e5594}.button-nav-active:hover{background-color:#163e6a}.button-nav-active:active{background-color:#1e5594}.movie-card{width:25vw;min-width:200px;max-width:250px;height:fit-content;max-height:400px;display:flex;flex-direction:column;align-items:center;border-radius:15px;margin-bottom:5px}.movie-card:hover{background-color:#e0f1ff}.movie-poster{width:100%;height:auto;margin-top:10px}.title{height:min-content;text-align:center;margin-top:10px}.description{margin-bottom:-5px;height:100px;overflow:scroll}.card-date{margin:-10px 0 10px;color:#474747}.rating{height:min-content;margin:-5px 0 5px}.desc-genres{background-color:#81bdce;border:none;margin:2px;border-radius:5px;padding:4px}.image{position:relative;width:80%;height:100%}.image .icon{font-size:25px;position:absolute;right:4px;top:15px;cursor:pointer;color:orange}.image .icon:hover{color:#ffc65c}.button-dropdown:hover{filter:invert(.3)}.button-dropdown:active{filter:invert(1)}.dropdown-box,.dropdown-box-open{border:1px solid black;background-color:#fff;border-radius:5px;width:40vw;min-width:100px;max-width:250px;height:fit-content;max-height:300px;padding:3px 10px;margin-top:0;overflow:scroll;list-style:none;position:absolute;display:flex;flex-direction:column;align-items:center;z-index:1000;opacity:0;transform:translateY(-5%);transition:transform .15s ease-in-out,opacity .1s ease-in-out}.dropdown-box{pointer-events:none}.dropdown-box-open{opacity:1;transform:translateY(0);transition:transform .15s ease-in-out,opacity .1s ease-in-out;pointer-events:all;z-index:1000}.desc-genres-box{display:flex;justify-content:center;width:80%}.slider-movie-list{display:flex;gap:1rem;list-style:none;margin:0;padding:0;max-width:1800px;width:100%;overflow:scroll}.slider-container{width:85vw}.slider-header{display:flex;gap:10px;align-items:center;margin-top:15px;border-bottom:3px solid #0d253f}.slider-header button{height:30px;background-color:#0d253f;padding:10px;color:#fff;border:none;border-radius:15px;display:flex;align-items:center;cursor:pointer}.slider-header button:hover{background-color:#1a4b7f}.slider-header button:active{background-color:#2770be}.main-content{box-sizing:border-box}.home-page{width:100%;display:grid;justify-content:center;box-sizing:border-box;padding:10px 2px 15px 0;overflow:hidden}.home-page .movie-card{width:10vw;min-width:125px;max-width:200px}.home-page .movie-card h3,.home-page .movie-card .icon{font-size:medium}.home-page .movie-card h4,.home-page .movie-card h5{font-size:small}.filter-selector{display:flex;flex-direction:column;align-items:center}h4,h5{margin:15px 0 0}input[type=range],input[type=number]{margin:15px 0 0 10px}label{margin-top:15px}.filter-selector button{margin:5px}.date{display:flex}#date-to{margin-bottom:15px}.button-select{border:1px solid black;border-radius:5px;background-color:#fff;width:130px;padding:3px;margin:15px 0 5px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.icon{position:relative;right:3px}.button-select:hover{background-color:#e6e6e6}.button-select:active{background-color:#ccc}.dropdown-list,.dropdown-list-open{border:1px solid black;background-color:#fff;border-radius:5px;width:fit-content;max-width:50vw;min-width:fit-content;padding:3px;margin-top:0;height:fit-content;max-height:40vh;overflow-y:scroll;overflow-x:hidden;list-style:none;position:absolute;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(-5%);transition:transform .15s ease-in-out,opacity .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.dropdown-list{pointer-events:none}.dropdown-list-open{opacity:1;transform:translateY(0);transition:transform .15s ease-in-out,opacity .1s ease-in-out;pointer-events:all;z-index:1000}.header button{width:50px;margin:3px;padding:3px;background-color:#01b4e4;border:none;border-radius:5px;cursor:pointer}.dropdown-list-open .header button:hover{background-color:#01a3d0}.dropdown-list-open .header button:active{background-color:#01c7fe}.popular-items{margin-bottom:5px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.item,.item-checked,.popular-item,.popular-item-checked{background-color:#fff;padding:3px;margin:2px;width:95%;max-width:50vw;min-width:fit-content;cursor:pointer;display:flex;align-items:center}.popular-item,.popular-item-checked{width:40px;height:20px;padding:5px;border-radius:8px}.item:hover,.popular-item:hover{background-color:#e6e6e6}.item:active,.popular-item:active{background-color:#ccc}.item-checked,.popular-item-checked{background-color:#01b4e4}.item-checked:hover,.popular-item-checked:hover{background-color:#1bcdfe}.flag-icon{width:20px;margin:0 8px 0 2px}.side-menu{display:flex;flex-direction:column;align-items:center;width:200px;max-width:225px;border-left:2px solid #0d253f;border-right:2px solid #0d253f}.main-content{width:100%;display:grid;grid-template-columns:1fr}.discover-main-content{width:100%;display:grid;grid-template-columns:1fr 10fr}.dicover-container{width:100%;min-height:fit-content;display:grid;grid-template-rows:.5fr 8fr 1fr}.discover-filters{max-width:100%;margin:5px}.discover-header-results{max-width:100%;height:20px;margin:5px;display:flex;align-items:center}.discover-movie-list{border-radius:15px;padding:5px;max-width:100%;height:81vh;overflow:scroll;margin:5px;display:grid;grid-template-columns:repeat(auto-fill,300px);row-gap:15px;column-gap:15px;list-style:none;justify-content:center}.movie-page-nav{width:100%;display:flex;justify-content:center;align-items:center}.page-button,.page-button-active{margin:5px;width:40px;height:30px;border:none;border-radius:15px;font-size:15px}.page-button-active{background-color:#01b4e4;color:#fff}.page-button:hover{cursor:pointer}.nav-icon{font-size:40px;color:#01b4e4}.nav-icon:hover{cursor:pointer;color:#01647f}.nav-icon:active{color:#80e3fe}.page-container{display:flex;flex-direction:column;align-items:center;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}button{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:700}.page{width:95vw}.current-page-disply{width:100%}a{color:#fff;text-decoration:none}.header-container,.footer-container,.contact-info{background-color:#0d253f;color:#fff;display:flex;padding:10px;height:60px;width:100%;align-items:center;gap:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.footer-container{justify-content:center}#logo{max-height:25px;width:15vw}.logo-container{width:fit-content;padding-left:0}.contact-info{height:50px;display:flex;justify-content:center}.contact-icon{font-size:50px}.progress{border:1px dashed black;width:100%;height:50vh;display:flex;align-items:center;justify-content:center;font-size:large;box-sizing:border-box}