#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background-color:#e9edf0;font-family:Inclusive Sans,sans-serif}.title{font-size:64px;font-weight:400;font-family:Pixelify Sans,cursive;color:#5c7184}.launches{display:flex;align-items:center;flex-direction:column;gap:20px}.launch{display:flex;flex-direction:column;justify-content:center;align-items:center;width:fit-content;padding:32px;background-color:#fff;border:10px solid #ccd7e0;position:relative;transition:all .2s ease-in;min-width:240px}.launch:hover{transform:translate(-10px,-10px);box-shadow:10px 10px #a7b0b7}.launch__flight-number{font-size:28px;font-weight:500;color:#c1c7cb;position:absolute;top:0;left:8px}.launch__mission{margin:0 0 4px;color:#213547;font-size:28px;font-weight:400;font-family:Pixelify Sans,cursive}.launch__rocket-icon{margin-top:10px;margin-bottom:4px}.launch__rocket-name{margin-bottom:4px;font-family:Pixelify Sans,cursive}.launch__rocket-type{color:#7e858b}.launch__status{width:fit-content;margin:10px 0;padding:0 4px;color:#1e251f;border-radius:2px;background-color:#b7e7d6}.launch__status.is-failure{color:#393131;background-color:#ffede6}.launch__date,.launch__year{color:#7e858b}.launch__site{margin-top:8px;color:#586068}.launch__button{border:none;padding:4px 18px;margin-top:16px;color:#213547;background-color:#e9edf0;border:8px solid #e9edf0;transition:all .4s ease}.launch__button:hover{border-color:#ccd7e0;transform:scale(1.1)}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.pagination__button{opacity:.5;pointer-events:none;cursor:none;border:none;padding:18px 24px;margin:16px;color:#213547;background-color:#e9edf0;border:8px solid #e9edf0;font-size:32px;font-family:Pixelify Sans,cursive;transition:all .4s ease}.pagination__button.is-active{opacity:1;pointer-events:all;cursor:pointer}.pagination__button:hover{background-color:#fff;border-color:#ccd7e0}