.navbar{background-color:#006eff;display:flex;justify-content:space-between;padding:0 1rem;line-height:3rem}.logo{color:#fff;font-size:1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,sans-serif}.search-bar-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%);width:50%;line-height:10rem;text-align:center}.search-bar-wrapper>h1{font-size:4rem;color:#fff}.presentation-section{position:relative;max-width:100%;height:100%;object-fit:cover;overflow:hidden}.presentation-section>.black-overlay{background-color:#000;opacity:70%;width:100%;height:100%;position:absolute;top:0;left:0}.presentation-section>img{width:100%;height:100%}@media (max-width: 700px){.search-bar-wrapper{position:absolute;top:20%;left:50%;transform:translate(-50%);width:80%;line-height:1rem;text-align:center}.search-bar-wrapper>h1{font-size:2rem;padding-bottom:2rem}}.container{margin:0 auto;max-width:1300px;width:100%;padding-top:3rem;margin-top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}a{text-decoration:none;color:#000;font-size:.7rem}h1{font-size:1.4rem}.grid-container{display:grid;grid-template-columns:auto auto auto auto;grid-template-rows:auto}.grid-item{background-color:#fff;min-width:100%;height:100%;border:1px solid rgb(218,218,218);transition:transform .5s ease-in;box-shadow:#00000026 1.95px 1.95px 2.6px}.grid-item:hover{transform:scale(1.1)}.grid-item .card-image{width:100%;height:200px}.grid-item img{width:100%;height:100%;object-fit:cover}.grid-item span{padding:2rem;font-size:.7rem;font-weight:700;color:#878787}.grid-item .action-btn{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:2rem;padding-bottom:1rem;font-size:1.5rem}.grid-item>span{font-size:.8rem}.card-info{padding:1rem 2rem}.card-info>p{padding-top:1rem;font-size:.9rem}.card-info>h1{padding-top:1rem;font-size:1.5rem}.menu-options{display:flex;flex-direction:row;justify-content:space-around;width:100%}.filter-dropdown{display:flex;flex-direction:row;justify-content:space-between;align-content:center;min-width:100%}.hero-section{max-width:1400px;margin:2rem auto}.pagination-component{display:flex;justify-content:center;align-items:center;margin:5rem 0}.sort-parameter{color:#959595;font-size:1rem;font-weight:700;width:60px}#param-select{border:none;outline-offset:0;outline-style:hidden}.sort-dropdown{width:100%;justify-self:center;align-self:center;display:flex;flex-direction:flex;padding-right:2rem}span{margin-right:1rem}.header{color:#000;font-size:1rem;font-weight:700;padding-right:1rem;display:flex;align-items:center}.menu-options{max-width:100%;margin:4rem auto;display:flex;justify-content:space-between}.menu-container{display:flex;justify-content:space-between;align-items:center}.filter-dropdown{display:flex;flex-direction:flex;justify-content:space-between;max-width:100%}.filter-dropdown .header{display:flex;cursor:pointer;padding-left:2rem}.filter-dropdown .date{opacity:0;height:0px;flex-direction:column;transition:all .2s ease-in}.filter-dropdown .date.active{display:flex;opacity:1;height:100px;padding:2rem}.filter-parameter{cursor:pointer;display:flex;font-size:1rem;padding-right:1.5rem;height:0px}.filter-parameter.active{height:100px}.filter-parameter span{display:flex;vertical-align:bottom;width:100%;font-weight:700}.filter-options{height:0px;transition:all .5s ease-in;opacity:0;display:flex;flex-direction:column;margin-left:2rem}.filter-options.active{display:flex;flex-direction:column;width:100%;height:150px;opacity:1}.filter-options input{margin-right:1rem;margin-bottom:1rem}.filter-options label{padding-bottom:.5rem}.search-bar-input{outline:none;padding:.5rem 1rem;background-color:#5fa1f8;color:#fff;border:1px solid rgb(122,157,202);width:100%;height:100px;font-size:2rem}.search-bar-input:hover{border:1px solid white}@media (max-width: 700px){.search-bar-input{height:50px;font-size:1rem}}