.ui.four.cards>.card{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);margin:.5rem}.ui.four.cards>.card,.ui.four.cards>.card:hover{background-color:#3a506b;background-color:var(--lighter-blue)}.ui.card .meta,.ui.card>.content,.ui.card>.extra,.ui.cards>.card .meta,.ui.cards>.card>.content .ui.card>.content>.header,.ui.cards>.card>.content>.header,.ui.cards>.card>.extra{color:#f5f5f5;color:var(--off-white)}.ui.pagination.pagination.menu{margin:2rem 40%}:root{--accent-color:maroon}.movie-container{display:flex;flex-direction:row;height:50%;justify-content:space-between;margin:10rem auto}.movie-img{margin-right:2rem}.movie-detail{background-color:#3a506b;background-color:var(--lighter-blue);border-radius:2rem;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);color:#ccc;color:var(--light-gray);padding:2rem 0 0 2rem}@media (max-width:700px){.movie-container{flex-direction:column;width:60%}.movie-detail{border-radius:.5rem;padding:2rem}}.footer{background-color:#3a506b;background-color:var(--lighter-blue);color:var(--lighter-gray);display:flex;justify-content:center}.footer-content{display:flex;flex-direction:column;font-size:large;margin:1rem auto}.social-links{display:flex;justify-content:space-evenly}:root{--primary-color:#39414a;--accent-color:#80000;--light-gray:#ccc;--off-white:#f5f5f5;--lighter-blue:#3a506b}body{background-color:#39414a;background-color:var(--primary-color)}body,button{color:#f5f5f5;color:var(--off-white)}button{background-color:#80000;background-color:var(--accent-color)}.top-header{align-items:center;background-color:#3a506b;background-color:var(--lighter-blue);display:flex;height:8rem;justify-content:space-between;overflow:hidden;padding-bottom:1rem;position:fixed;right:0;top:0;width:100%;z-index:2}.logo{width:80%}@media (max-width:700px){.top-header{display:flex;flex-direction:column;height:10rem;justify-content:flex-start}}.main{margin-top:50%;position:relative}body,html{font-family:Montserrat,sans-serif}
/*# sourceMappingURL=main.a5ad6daf.css.map*/