*{margin:0;padding:0}.App{text-align:center;background-color:#2755aa;display:flex;flex-direction:row;min-height:100vh}#title{padding:.5vh 0vw;margin-bottom:1.5vh;background-color:#8aaae5}#toolbar{display:flex;flex-wrap:wrap;justify-content:space-around}#search-helper-buttons{display:flex}.content-container{display:flex;flex-direction:column;width:85vw;margin-left:15vw}#load-more{margin:1vh auto 3vh;border-radius:5px;color:#000;border:none;font-size:20px;background-color:#2755aa;text-decoration:underline}#load-more:hover{cursor:pointer}footer{text-align:center;padding:1vh;margin-top:auto;background-color:#8aaae5}.search-form{display:flex;gap:1vw;flex-wrap:wrap;justify-content:center}.search-form *{border:none;border-radius:5px;padding:.1vh .2vw}.search-form button{margin:0px .1vw;background-color:#f4f4f4;color:#000}.search-form button:hover{background-color:#000;color:#fff}#sort-options{border-radius:5px;padding:.1vh .2vw;max-width:30%}.feature-button{border-radius:0;background-color:#fff;color:#000;border:none;font-weight:lighter}.feature-button:hover{background-color:#fff;color:#000;cursor:pointer}.movie-card{display:flex;flex-direction:column;min-width:150px;width:14%;box-sizing:border-box;border-radius:10px;background-color:#fff;transition:transform .2s ease}.movie-card:hover{transform:scale(1.05)}.movie-card *{border-radius:10px}.movie-card img{object-fit:cover}.movie-info{display:flex;flex:1;flex-direction:column;padding:10px;gap:2vh;justify-content:space-between}.features{display:flex;justify-content:space-between;gap:1vw}#movie-list{max-width:100vw;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:2vw;margin:2vh 5vw}#modal-overlay{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#modal-content{background-color:#fefefe;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #888;max-width:50vw;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 10px 25px #0000004d;align-items:center;border-radius:25px;padding:3vh 3vw}#modal-content img{height:30vh;width:auto}#modal-content *{margin-top:2vh}#close{color:#aaa;float:right;font-size:28px;font-weight:700;display:flex;cursor:pointer;margin-left:auto;margin-top:0}.sidebar{position:fixed;left:0;background-color:#10254c;height:100vh;display:flex;flex-direction:column;width:15vw;justify-content:center}.sidebar ul{display:flex;flex-direction:column;gap:2vh}.sidebar button{background-color:transparent;border:none;text-align:center;text-decoration:underline}.sidebar button:hover{color:#8aaae5;background-color:inherit}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4}button{background-color:#282c34;color:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .3s ease}button:hover{background-color:#777;color:#fff}