@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-main-red: rgb(214, 28, 28);--color-basic-black: #040403;--color-fonts-main: #fbfbfb;--color-footer-fonts: #444446;--height-header: 3rem;--width-mobile-container: 90%;--width-tablet-container: 95%;--width-desktop-container: 97%}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,"sans-serif";scroll-behavior:smooth;scroll-padding-top:var(--height-header)}a{text-decoration:none;color:var(--color-fonts-main)}a:visited{color:var(--color-fonts-main)}.movie-envelope{height:180px;width:140px}.movie-envelope img{width:100%;height:100%;object-fit:contain}body{background-color:var(--color-basic-black)}.movies-wrap{width:var(--width-mobile-container);margin:0 auto}.nav-item{width:100%}.nav-item a{min-width:fit-content;width:100px;background-color:var(--color-main-red);display:block;margin:10px auto;padding:4px 8px;border-radius:5px;transition:transform .3s ease-in-out}.nav-item a:hover{cursor:pointer;transform:scale(1.1)}.movies-content{display:flex;justify-content:center;margin:10px auto}.select{background-color:var(--color-basic-black);display:flex;flex-direction:column;width:75%;margin:0 auto;padding-top:10px;align-items:center}.movie-select{color:var(--color-fonts-main);background-color:var(--color-basic-black);border-color:var(--color-main-red);width:160px;text-align:center}.filtered-movie-spaceholder{display:flex;flex-wrap:wrap;width:75%;justify-content:center;align-items:center;gap:20px;padding-top:35px;padding-bottom:25px}.filter-movie-envelope{height:140px;width:100px;rotate:15deg;transition:rotate .3s ease-in-out}.filter-movie-envelope:hover{rotate:0deg;cursor:pointer}.filter-movie-envelope img{width:100%;height:100%;object-fit:contain}.no-image-movie{color:var(--color-fonts-main);border:1px solid white;text-align:center}.loading-element{color:var(--color-fonts-main)}.error-element{color:var(--color-fonts-main);white-space:pre-line;text-align:center}