@import"https://fonts.googleapis.com/css2?family=Alexandria&display=swap";.homepage{position:fixed;width:100vw;height:100vh}.background-image{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://raw.githubusercontent.com/dreamcatcher45/MovieSlate/main/src/assets/home.webp);background-size:cover;background-position:center}.background-dash{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://raw.githubusercontent.com/dreamcatcher45/MovieSlate/main/src/assets/view.webp);background-size:cover;background-position:center}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#1c1c1ce6,#0000)}.d-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#25252be6,#0000)}.titlebox-container{position:absolute;top:40%;left:20%;transform:translate(-15%,-30%);z-index:10}.titlebox{display:flex;flex-direction:column;align-items:flex-start;color:#fff;text-align:left}.title{margin:0;font-size:4em;font-family:Alexandria,sans-serif}.category-name{color:#fff;text-align:left;margin:20px 0;font-size:2em;font-family:Alexandria,sans-serif}.subtitle{margin:0;font-size:1em;font-family:Alexandria,sans-serif;color:#a8a6a6;font-weight:lighter}.subtitle span.green{color:green}.subtitle span.white{color:#fff}.reload-button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;border-radius:20px;box-shadow:0 2px 4px #0003;font-family:Alexandria,sans-serif}.spacer{margin-top:.5em}.card{width:150px;height:230px;margin:10px;border-radius:15px;box-shadow:0 4px 8px #00000080}.card img{border-radius:15px;width:100%;height:100%;object-fit:cover}.text-button{margin-left:20px;background-color:transparent;border:none;color:#007bff;text-decoration:underline;cursor:pointer;padding:0;font-size:1rem;font-weight:400;transition:color .3s ease;text-decoration:none}.text-button:hover{color:#0056b3}.text-button:active{color:#003c80}.cardbar{margin-top:2em;display:flex;flex-wrap:nowrap;justify-content:center;overflow-x:auto;white-space:nowrap;overflow:hidden;position:relative}@keyframes slide{0%{transform:translate(-30%)}to{transform:translate(0)}}.cardbar>div{display:inline-block;animation:slide 30s linear infinite}.back-text-button{display:inline-flex;align-items:center;background-color:transparent;color:#007bff;padding:10px 20px;border:none;cursor:pointer;font-size:16px;transition:background-color .3s ease;margin-bottom:20px}.back-text-button:hover{text-shadow:0 0 5px #1b3e51,0 0 10px #1b3e51,0 0 15px #1b3e51,0 0 20px #1b3e51}.back-arrow{margin-right:10px}.details-container{max-width:70vw;position:fixed;top:40%;left:20%;transform:translate(-15%,-30%);z-index:10;color:#fff;font-family:Alexandria,sans-serif}.movie-details{display:flex;flex-direction:row;align-items:flex-start}.poster{flex:1;margin-right:40px;border-radius:15px;box-shadow:0 4px 8px #00000080;object-fit:cover}.details{position:relative;flex:2;display:block;flex-direction:column}.Movie-title{font-size:60px;font-weight:700;line-height:1;margin-top:0}.Movie-subtitle{font-size:18px;margin-top:0;opacity:.7}.Movie-plot{font-size:20px;margin-top:0;opacity:.9}