header{height:100px;position:relative;background:linear-gradient(180deg,#121212 64.11%,#1e1e1e);padding-top:28px;padding-left:30px;box-shadow:0 8px 10px rgba(0,0,0,.14),0 3px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.2)}header .header-bottom{margin-top:10px;width:100%;text-align:left}header .header-bottom .tabs{display:flex;position:absolute;bottom:0}header .header-bottom .tabs div{cursor:pointer;text-align:center;color:hsla(0,0%,100%,.5686274509803921);padding-bottom:2px;width:140px}header .header-bottom .tabs div.active{color:#fff;border-bottom:1px solid #fff}.launch-card{background:linear-gradient(0deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.05)),#121212;box-shadow:0 0 4px rgba(0,0,0,.25);border-radius:8px;cursor:pointer;position:relative;transition:all .2s}.launch-card:hover{box-shadow:0 3px 8px hsla(0,0%,100%,.37)}.launch-card .patch{height:157px;width:100%;margin:10px;background-repeat:no-repeat;background-position:50%;background-size:contain}.launch-card .content{padding:12px 17px;display:flex;flex-direction:column;align-items:flex-start}.launch-card .content h3{font-weight:700;font-size:20px;line-height:32px;margin-bottom:5px}.launch-card .content .details{font-weight:400;font-size:16px;line-height:24px;text-align:left;margin-bottom:4px}.launch-card .content .date{font-weight:400;font-size:14px;line-height:22px;color:hsla(0,0%,100%,.37)}.launch-card .content svg{position:absolute;bottom:15px;right:15px;align-self:flex-end}.launch-card .content svg.active{fill:#fff}.search-input{text-align:left;display:flex;align-items:center;background:linear-gradient(0deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.12)),#121212;border-radius:8px;width:300px;justify-content:space-between;padding:10px}.search-input input{padding:0 10px;width:100%;color:#fff;background:transparent;border:none;outline:none}.search-input .close-icon:hover{cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-animation:.5s;animation:.5s}.modal-container{height:100vh;width:100vw;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}.modal-container .modal-backdrop{height:100%;position:absolute;width:100%;opacity:.7;background-color:grey}.modal-container .modal-content{background-color:#000;z-index:1;position:relative;height:200px;width:60%;max-width:500px;padding:20px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.35)}.modal-container .modal-content .close{cursor:pointer;position:absolute;right:20px;top:20px}.pagination,.pagination div{display:flex;align-items:center}.pagination div{height:32px;padding:5px;justify-content:center}.pagination div.active{padding:0;width:32px;border-radius:20px;background:#fff;color:#000}.pagination div:not(.active),.pagination svg{cursor:pointer}.pagination svg:not(.disabled) path{stroke-opacity:1}.pagination svg.chevron-left{margin-right:5px}.pagination svg.chevron-right{margin-left:5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.launches-list-container{padding:20px}.launches-list-container .launches-list{display:grid;padding-top:50px;grid-template-columns:repeat(auto-fill,minmax(200px,413px));justify-content:center;grid-column-gap:37px;-webkit-column-gap:37px;column-gap:37px;grid-row-gap:37px;row-gap:37px}.launches-list-container .pagination{margin-top:20px}.App{font-family:sans-serif;text-align:center;color:#fff;background:#000;min-height:100vh}
/*# sourceMappingURL=main.b18b2e78.chunk.css.map */