:root{--primary-color:#3498db;--secondary-color:#13232f;--accent-color:#c00;--grey-white-color:#ccc;--main-white-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#39678a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.calendar-container{display:flex;justify-content:space-between;margin:0 auto;max-width:1600px}.calendar-form-container,.calendar-list-container{flex:1 1}.calendar-list{height:100vh;overflow:auto}.form{background-color:#13232f;background-color:var(--secondary-color);border-radius:4px;margin:0 auto;max-width:400px}.form__title{color:#ccc;color:var(--grey-white-color);padding-bottom:20px;text-align:center}.form__container{display:flex;flex-direction:column}.form__label{color:#ccc;color:var(--grey-white-color);font-size:20px;margin:10px 0;text-align:center}.form__input{background-color:#fff;background-color:var(--main-white-color);border:1px solid #ccc;border:1px solid var(--grey-white-color);border-radius:4px;box-sizing:border-box;margin-top:4px;padding:8px;width:90%}.form__button{background-color:#3498db;background-color:var(--primary-color);border:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#ccc;color:var(--grey-white-color);cursor:pointer;font-size:16px;margin-top:10px;padding:10px 15px;transition:all .5s}.form__button:hover{background-color:#2980b9}.form__error{color:red;font-size:14px;margin-top:5px;text-align:center}.calendar-list{background-color:#13232f;background-color:var(--secondary-color);border-radius:4px;box-shadow:0 0 10px #0000001a;color:#ccc;color:var(--grey-white-color);margin:0 auto;max-width:400px;padding:20px}.calendar-list__title{font-size:20px;margin-bottom:20px;text-align:center}.calendar-list__items{list-style:none;margin-bottom:20px;padding:0}.calendar-list__item{border-bottom:1px solid #ccc;border-bottom:1px solid var(--grey-white-color);display:flex;flex-direction:column;padding-bottom:15px}.calendar-list__date,.calendar-list__time{font-size:16px;font-weight:700}.calendar-list__name{font-size:18px}.calendar-list__email{color:#555;cursor:pointer;font-size:14px}.calendar-list__icon{filter:brightness(.8);font-size:20px;margin-right:8px}.calendar-list__item.expired{background-color:#ffcccce8;border-bottom:1px solid red;border-radius:4px;color:red;padding:0 0 15px}.calendar-list__delete-button{background-color:rgba(255,0,0,.449);border:none;border-radius:4px;color:#fff;color:var(--main-white-color);cursor:pointer;font-size:16px;font-size:14px;font-weight:700;letter-spacing:.5px;margin-top:10px;padding:8px 12px;transition:all .5s}.calendar-list__delete-button:hover{background-color:#c00}.confirmation-dialog{background-color:#3498db;background-color:var(--primary-color);border:1px solid #3498db;border:1px solid var(--primary-color);border-radius:4px;box-shadow:0 0 10px #0000001a;margin-top:10px;padding:10px}.dialog{color:#333;font-size:14px;text-align:center}.dialog__button{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin:5px;padding:8px 12px}.button{transition:all .5s}.button--confirm{background-color:#4caf50;color:#fff;color:var(--main-white-color)}.button--confirm:hover{background-color:#45a045}.button--cancel{background-color:#d9534f;color:#fff;color:var(--main-white-color)}.button--cancel:hover{background-color:#c9302c}.calendar-list__item{position:relative}.calendar-list__countdown{background-color:#3498db;border-radius:4px;color:#fff;color:var(--main-white-color);font-size:12px;font-weight:700;margin-top:10px;padding:5px 0;position:absolute;right:0;text-align:center;top:0;width:40%}@media (max-width:800px){.calendar-container{flex-direction:column;min-width:300px}.form__container{margin-bottom:1rem}.calendar-list__countdown{font-size:10px;padding:4px 0;width:35%}}
/*# sourceMappingURL=main.6f0a78a6.css.map*/