.page-container{padding:10px}body{display:inline}.main-content{display:flex}.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;border-right:2px solid #0d253f}.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:50px;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{height:25px}.logo-container{width:fit-content}.contact-info{height:50px;display:flex;justify-content:center}.contact-icon{font-size:50px}.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}.button-side-menu,.button-side-menu-active{width:100%;height:40px;border-top:none;border-bottom:2px solid black;border-left:none;border-right:none;background-color:#fff;cursor:pointer}.button-side-menu-active{background-color:#0d253f;color:#fff}.button-side-menu:hover{background-color:#ccc}.button-side-menu:active{background-color:#f2f2f2}.button-side-menu-active:hover{background-color:#163e6a}.button-side-menu-active:active{background-color:#1e5594}.movie-card{width:25vw;min-width:200px;max-width:250px;height:fit-content;min-height:100%;max-height:500px;display:flex;flex-direction:column;align-items:center;border-radius:15px}.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:fit-content}.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%}.main-content{width:100%;display:grid;grid-template-columns:1fr 10fr}.dicover-container{width:100%;min-height:fit-content}.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,250px);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}