@import"https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap";.backdrop{position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:visible;background-color:#000;background-color:#0006}.popup-form{background-color:#8aabc2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;box-shadow:0 2px 10px #0000004d;padding:40px;align-content:space-around;border:.2rem solid #fff;border-radius:2rem;display:flex;flex-direction:column}.form-edit{height:80%;background-color:#8aabc2;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;box-shadow:0 2px 10px #0000004d;padding:40px;align-content:space-around;border:.2rem solid #fff;border-radius:2rem;display:flex;flex-direction:column}.button-save-cancel{display:flex}.popup-flex{margin:1rem;display:flex;justify-content:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto Condensed,sans-serif;line-height:1.3}body{height:100vh;background-color:#b4c5db;font-weight:500;color:#3b637e;font-size:18px}.headline{font:3em;font-weight:bolder;text-shadow:08px,08px;margin:.4rem;background-color:#8aabc2;border:.2rem solid #fff;border-radius:2rem;padding:.4em;text-align:center;font-size:4rem;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:0px -6px 0 #212121,}.activity{display:flex;justify-content:center}.activity-AddActivity{background-color:#8aabc2;display:flex;flex-direction:column;flex-basis:30%;padding:20px;margin:20px;align-content:space-around;border:.2rem solid #fff;border-radius:2rem;flex-wrap:nowrap}h1{text-align:center;font-size:3rem;color:#071038;padding:.2rem;font-weight:bolder;text-shadow:0px 0px 6px rgba(255,255,255,.71)}label{text-shadow:0px 0px 6px rgba(255,255,255,.71);font-weight:bolder;align-items:center;font-size:1.8rem;margin:.2rem;color:#071038;text-shadow:08px,08px;padding:.5em}.box select{background-color:#0563af;color:#fff;padding:12px;border:none;font-size:20px;box-shadow:0 5px 25px #0003;-webkit-appearance:button;appearance:button;outline:none}select:invalid+span:after{content:"Input is required or invalid";color:#6f263c}span:after{padding-left:5px}input:invalid+span:after{content:"!! is required or invalid";color:#6f263c;transition:cubic-bezier(.075,.82,.165,1)}input[type=text],input[type=number],input[type=date],select{background-color:#b7cfef;height:48px;border-radius:8px;padding-left:12px;font-size:20px;font-weight:400;border:1px solid rgb(58,114,130);transition:border-color .15s ease-in-out 0s;outline:none;color:#21313c;padding-right:12px;border:.1rem solid #fff}input:hover{box-shadow:#e7eeec 0 0 0 3px}textarea{background-color:#b7cfef;height:100px;padding:12px 20px;box-sizing:border-box;border-radius:10px;resize:none;margin-bottom:36px;transition:border-color .15s ease-in-out 0s;border:.1rem solid #fff}textarea:hover{box-shadow:#e7eeec 0 0 0 3px}button{border:.1rem solid #fff;background-color:#5d585f;color:#fff;padding:16px 32px;text-decoration:none;margin:4px 2px;cursor:pointer;font-size:24px;border-radius:10px;transition:all .5s;position:relative}button:before{border-radius:10px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:#c8dcc84d;transition:all .3s}button:hover:before{border-radius:10px;opacity:0;transform:scale(.5)}button:after{border-radius:10px;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .3s;transform:scale(1.2)}button:hover:after{border-radius:10px;opacity:1;transform:scale(1)}.x>h1{margin-bottom:16px}.x{background-color:#8aabc2;display:flex;flex-direction:column;flex-basis:30%;padding:20px;margin:20px;align-content:space-around;border:.2rem solid #fff;border-radius:2rem;flex-wrap:nowrap}.all-card{display:flex;background-color:#b7cfef;position:relative;padding:0 30px;margin:1.2rem 0;border:.2rem solid #fff;border-radius:1.4rem;width:fit-content}.container-button{display:flex;position:absolute;right:0px;padding:15px}.grid{display:grid;grid-template-columns:repeat(7,160px);grid-auto-flow:row}.first-row-item{grid-column:span 2}.second-row-item{grid-column:span 7}.row3{grid-column:span 1}.first-row-item>span>h3{font:1em sans-serif;font-weight:bolder;color:#071038;text-shadow:08px,08px;border:.2rem solid #fff;border-radius:1.5rem;padding:.4em;background-color:#0b102823;text-shadow:0px 0px 6px rgba(255,255,255,.71);display:inline}.first-row-item>span>h4{border-radius:.5rem;padding:.4rem;display:inline;width:100%}.second-row-item>span>h3{font:1em sans-serif;font-weight:bolder;color:#071038;text-shadow:08px,08px;border:.2rem solid #fff;border-radius:1.5rem;padding:.4em;background-color:#0b102823;text-shadow:0px 0px 6px rgba(255,255,255,.71);display:inline}.third-row-item>span>h3{font:1em sans-serif;font-weight:bolder;color:#071038;text-shadow:08px,08px;border:.2rem solid #fff;border-radius:1.5rem;padding:.4em;background-color:#0b102823;text-shadow:0px 0px 6px rgba(255,255,255,.71);display:inline}.second-row-item>span>h4{border-radius:.5rem;padding:.4rem;display:inline;width:100%}.third-row-item>span>h4{border-radius:.5rem;padding:.4rem;display:inline;width:100%}.item{display:flex;align-items:center;padding:12px 0 20px}.item2{display:flex;justify-content:end;align-items:flex-start;padding:12px 0}.pagination{display:flex;justify-content:center;background-color:#8aabc2;margin:.5rem;align-content:space-around;border:.2rem solid #fff;border-radius:2rem;padding:1rem}