@import"https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@300;400;500&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}.header{width:100vw;height:100px;display:flex;justify-content:space-between;align-items:center}.logoDiv{display:flex;gap:20px;margin-left:30px;color:#2c2f33}.logo{height:50px;width:50px}.navBar{display:flex;width:22%;height:100%;margin-right:60px;justify-content:space-between;align-items:center;gap:.5rem}a{text-decoration:none;font-size:18px;color:#aad2ff}.line{width:2px;height:20px;background-color:#b6b7b8;margin-left:-10px;margin-right:-10px}.active{text-decoration:underline;color:#0ff}.devider{background-color:#eaeaea;width:96%;height:1.5px;margin:auto}.loading{font-size:70px;margin:13% 30% 0 40%;font-family:Shantell Sans,cursive;color:#87ceeb}.rockets,.all-dragons{margin-top:20px;display:flex;flex-direction:column;gap:40px;align-items:center}.rocket,.dragon{width:90%;height:220px;display:flex;column-gap:20px}.rocketImage,.dragonImage{width:250px;height:220px}.data{display:flex;flex-direction:column;row-gap:15px}.reserve{padding:.4rem .5rem;background-color:#1383ff;border-radius:4px;border:none;color:#fff;margin-top:.8rem;cursor:pointer;width:180px;font-size:18px;height:40px}.cancelReserve{height:40px;width:180px;display:flex;align-items:center;justify-content:center;background-color:#fff;color:#9da3a8;border-radius:5px;font-size:18px;border-color:#9da3a8;cursor:pointer}.reserved{display:flex;align-items:center;justify-content:center;background-color:#18a2b8;border-radius:5px;border:none;color:#f5f5f5;margin-top:.8rem;cursor:pointer;height:25px;width:100px}.myprofile{display:flex;border:2px solid skyblue;column-gap:100px;color:#45494c}.rockets-title{margin-top:25px;font-size:30px}.myRockets{width:700px;height:245px;border-radius:5px;border:1px solid #e8e8e8}.rocketName{height:60px;margin-left:25px;display:flex;align-items:center}.rocket-devider{border-bottom:1px solid #e8e8e8}td{border:1px solid black;padding:.3rem}#myprofile{display:flex;justify-content:space-evenly}#myprofile-missions h2,#myprofile-rockets h2,#myprofile-dragons h2,#myprofile-missions table,#myprofile-rockets table,#myprofile-dragons table{padding:1rem}#missions{width:90%;margin:auto;display:flex;flex-direction:column;padding:0;border-collapse:collapse}#missions p{margin-top:.5rem}.mission-btn{padding:.4rem .5rem;background-color:#1383ff;border-radius:4px;border:none;color:#fff;margin-top:.8rem;cursor:pointer}.active-member{padding:.2rem .6rem;background-color:#2ea6ba;border-radius:4px;border:none;color:#e8f5f7;width:100px;font-size:16px}.not-a-member{padding:.2rem .6rem;width:100px;background-color:#6d757d;border-radius:4px;border:none;color:#e8e9ea;font-size:16px}.join{background-color:#f2f2f2;color:#c4c5c7;border-color:#bfc0c2;width:130px;height:40px;border-radius:5px;font-size:18px;cursor:pointer}.leave{color:#e77d87;border-color:#e77d87;width:130px;height:40px;cursor:pointer;border-radius:5px;font-size:18px}#card:hover{border:2px solid black;border-radius:6px;transform:scale(.95);animation:blink .4s}.drag-btn{padding:.4rem .5rem;background-color:#1383ff;border-radius:4px;border:none;color:#fff;margin-top:.8rem;cursor:pointer;width:220px}#drag-card:hover{border-radius:6px;transform:scale(.95);animation:blink .4s}@keyframes blink{50%{opacity:0}}.dragon_img{border-radius:6px}td,th{border:1px solid #ddd;text-align:left;padding:8px}tr:nth-child(even){background-color:#f2f2f2}#Mission-header{width:170px;height:40px}#Description-header{width:900px;height:40px}#Status-header{width:170px;height:40px}#Empty-header,#mission-name{width:170px}#mission-description{width:900px}#mission-status,#mission-button{width:170px}.drag-reserve-btn{padding:.4rem .5rem;background-color:#1383ff;border-radius:4px;border:none;color:#fff;margin-top:.8rem;text-align:center;cursor:pointer;width:100px}.drag-cancel-btn{padding:.4rem .5rem;background-color:#ff8d7d;border-radius:4px;border:none;color:#fff;text-align:center;cursor:pointer;width:100px}.drag-reserve-btn:hover{background-color:#00f;border-radius:4px;border:none;font-weight:600;cursor:pointer;width:100px}.drag-cancel-btn:hover{background-color:red;border-radius:4px;border:none;font-weight:600;cursor:pointer;width:100px}.drag-reserved{background-color:#4dff62;padding:.1rem;border-radius:4px;border:none;color:#fff;margin-top:.8rem;text-align:center;width:100px}