*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;color:#2a2b2e}html{background-color:#fff}.no_activities{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem}.no_activities h1{margin:1.3rem 0}.no_activities h1,.no_activities p{text-align:center}.no_activities .create_first_activity{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#4a61e0;box-shadow:0 10px 20px 0 #a1adef;border-radius:3px;transition:.1s ease-out;padding:1rem 1.7rem;margin:1.3rem 0}.no_activities .create_first_activity:hover{background-color:#243fd3;box-shadow:0 10px 20px 0 #a1adef}.no_activities .create_first_activity._orange{background-color:#f26430;box-shadow:0 10px 20px 0 #fbd0c0}.no_activities .create_first_activity._red{background-color:#ff2a2a;box-shadow:0 10px 20px 0 #ffc3c3}.no_activities .create_first_activity span{color:#fff}.no_activities .create_first_activity:hover{transform:scale(1.1)}@media (max-width:500px){.no_activities{padding-top:0}}.create_activity_modal_wrap{position:absolute;z-index:20;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:flex-start}.create_activity_modal_wrap .create_activity_modal_background{position:absolute;background-color:rgba(42,43,46,.2);z-index:10;width:100%;height:100%}.create_activity_modal_wrap .create_activity_modal{z-index:30;background-color:#fff;width:300px;margin-top:80px;padding:1.3rem;border-radius:3px}.create_activity_modal_wrap .create_activity_modal input{border-radius:3px;width:100%;margin-bottom:1.3rem;padding:1rem 1.3rem;outline-color:#243fd3;font-size:1rem;background-color:#fff;border:2px solid #2a2b2e}.create_activity_modal_wrap .create_activity_modal h4{margin-bottom:1.3rem;font-size:1.3rem}.create_activity_modal_wrap .create_activity_modal .create_activity_button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;background-color:#4a61e0;box-shadow:0 10px 20px 0 #a1adef;border-radius:3px;transition:.1s ease-out;padding:1rem 1.7rem}.create_activity_modal_wrap .create_activity_modal .create_activity_button:hover{background-color:#243fd3;box-shadow:0 10px 20px 0 #a1adef}.create_activity_modal_wrap .create_activity_modal .create_activity_button._orange{background-color:#f26430;box-shadow:0 10px 20px 0 #fbd0c0}.create_activity_modal_wrap .create_activity_modal .create_activity_button._red{background-color:#ff2a2a;box-shadow:0 10px 20px 0 #ffc3c3}.create_activity_modal_wrap .create_activity_modal .create_activity_button span{color:#fff}@media (max-width:500px){.create_activity_modal_wrap{padding-top:0;align-items:center}.create_activity_modal_wrap .create_activity_modal_background{background:linear-gradient(transparent,rgba(42,43,46,.2))}.create_activity_modal_wrap .create_activity_modal{margin-top:0;width:95%;padding-top:3rem;padding-bottom:3rem;border-radius:7px;box-shadow:0 0 100px 0 rgba(42,43,46,.5)}}.topbar{padding:2.5rem 1rem;width:100%;display:flex}.topbar,.topbar .topbar_button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.topbar .topbar_button{background-color:#4a61e0;box-shadow:0 10px 20px 0 #a1adef;border-radius:3px;transition:.1s ease-out;padding:.7rem 1rem}.topbar .topbar_button:hover{background-color:#243fd3;box-shadow:0 10px 20px 0 #a1adef}.topbar .topbar_button._orange{background-color:#f26430;box-shadow:0 10px 20px 0 #fbd0c0}.topbar .topbar_button._red{background-color:#ff2a2a;box-shadow:0 10px 20px 0 #ffc3c3}.topbar .topbar_button span{color:#fff}.activities{display:flex;flex-direction:column;width:100%;flex:1 1}.activities .activity_wrap{margin:0 1rem 1rem;padding:1rem 2rem;box-shadow:0 0 30px 0 #a1adef;border-radius:15px}.activities .activity_wrap.activity_none{background-color:#fff;box-shadow:0 0 30px 0 #dedede;border:3px solid #dedede}.activities .activity_wrap.activity_none .activity h3{color:#9e9e9e}.activities .activity_wrap.activity_inactive{background-color:#fff;box-shadow:0 0 30px 0 #dedede;border:3px solid #2a2b2e}.activities .activity_wrap.activity_inactive .activity h3{color:#2a2b2e}.activities .activity_wrap.activity_active{background-color:#196fff;box-shadow:0 0 30px 0 #a1adef;border:3px solid #1d32a7}.activities .activity_wrap.activity_active .activity h3{color:#fff}.activities .activity_wrap .activity{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;display:flex;flex-direction:column}.activities .activity_wrap .activity h3{font-size:1.5rem;font-weight:400}.activities .activity_wrap .activity h3:last-child{font-size:1.7rem;margin-top:.7rem}