*{margin:0;padding:0;font-family:"Montserrat Alternates",sans-serif}body{background-size:cover}button{cursor:pointer}label{display:block}textarea{width:90%;margin-left:1rem}button:focus,input:focus,select:focus{outline:none}a{color:#000;text-decoration:none}li{list-style:none}.container{padding:0 5%}.text-shadow{text-shadow:2px 2px 4px #000}.box-shadow{box-shadow:2px 2px 5px #000}.navbar{height:70px;padding:0 5%;display:flex;align-items:center;justify-content:flex-end}.navbar .logo p,.navbar .logo span{font-family:"Merienda",cursive;font-size:1.8rem;color:#ececec}.navbar .logo p{color:#755c8a}.navbar .logo a{font-size:1rem;font-family:"Merienda",cursive}.navbar .button-group button{background-color:#755c8a;border:none;font-size:1.2rem;padding:.4rem;color:#ececec;transition:.3s ease-in-out;margin-right:1rem}.navbar .button-group button:last-child{margin-right:0}.navbar .button-group button:hover{background-color:#ececec;color:#755c8a}.calendar{margin:.5rem 0}.calendar .title{color:#fff;background-color:#755c8a;border-bottom:5px solid #ececec;padding:1rem;font-size:2rem;position:relative}.calendar .title button{font-size:1.5rem;background:none;border:none;color:#ececec;transition:.3s ease-in-out}.calendar .title button:hover{color:#000}.calendar .title .edit-date-btn{transition:.3s ease-in-out}.calendar .title .edit-date-btn.toggled{color:#7c1d1d;transform:rotate(180deg);transition:.3s ease-in-out}.calendar .title .buttons button{background:none;border:none;font-size:2rem;color:#ececec;position:absolute;top:calc(50% - 1rem);transition:.3s ease-in-out}.calendar .title .buttons button:hover{color:#000}.calendar .title .buttons .prev-btn{right:4rem}.calendar .title .buttons .next-btn{right:1rem}.calendar .title .dropdown-jump{background-color:#41334d;width:100%;padding:1rem 0;display:none;align-items:center;justify-content:center;position:absolute;left:0;top:76px;z-index:1}.calendar .title .dropdown-jump button,.calendar .title .dropdown-jump input,.calendar .title .dropdown-jump select{width:150px;height:2rem;font-size:1.2rem;background-color:#ececec;border:none;text-align:center;margin-right:.5rem}.calendar .title .dropdown-jump button{margin-right:0;background-color:#000}.calendar .title .dropdown-jump button:hover{color:#ececec}.calendar .title .dropdown-jump.toggled{display:flex}.calendar .calendar-table .tbody,.calendar .calendar-table .thead,.calendar .calendar-table .thead-sm{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[7];grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem;text-align:center}.calendar .calendar-table .thead,.calendar .calendar-table .thead-sm{font-weight:700;padding:1rem 0}.calendar .calendar-table .thead-sm{display:none}.calendar .calendar-table .tbody .day{background-color:rgba(0,0,0,.6);border:none;color:#ececec;height:100px;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative}.calendar .calendar-table .tbody .day div{position:absolute;top:0;right:0;display:flex;flex-direction:column;margin:.2rem}.calendar .calendar-table .tbody .day div span{font-size:.8rem;margin-bottom:.2rem}.calendar .calendar-table .tbody .day div span i.Ivan{color:#18a5af}.calendar .calendar-table .tbody .day div span i.Julia{color:#4dad27}.calendar .calendar-table .tbody .day div span i.Dan{color:#962828}.calendar .calendar-table .tbody .day div span i.Michael{color:#e28d1d}.calendar .calendar-table .tbody .day:hover{background-color:hsla(0,0%,92.5%,.6);color:#000}.calendar .calendar-table .tbody .day.hidden{visibility:hidden}.calendar .calendar-table .tbody .day.current-day{background-color:rgba(117,92,138,.6)}.calendar .sidebar__close-btn{width:50px;height:50px;position:absolute;top:.5rem;right:.8rem;font-size:2rem;background:none;border:none;color:#755c8a;z-index:1}.calendar .sidebar__close-btn:hover{color:#707070;transform:rotate(1turn);transition:all .3s ease-in-out}.calendar .detail-sidebar{top:0;left:0;bottom:0;right:0;margin:auto;position:absolute;left:-200%;width:40%;height:70%;padding-left:1rem;background-size:cover;overflow-y:scroll;transition:.2s ease-in-out;background-color:#ececec}.calendar .detail-sidebar .detail-sidebar__date{font-size:2rem;font-weight:700;margin:1rem 0 2rem;position:relative;color:#755c8a}.calendar .detail-sidebar .detail-sidebar__date:before{content:"";position:absolute;bottom:-16px;left:0;width:100%;height:4px;background-color:#755c8a}.calendar .detail-sidebar .detail-sidebar__events{color:#ececec;margin-bottom:2rem}.calendar .detail-sidebar .detail-sidebar__events button{background:none;border:none;float:right;font-size:1.3rem}.calendar .detail-sidebar .detail-sidebar__events .delete-event-btn{color:#812b2b;margin-left:1rem}.calendar .detail-sidebar .detail-sidebar__events .edit-event-btn{color:#495ea3}.calendar .detail-sidebar .detail-sidebar__events li{height:30px;overflow:hidden;padding:1rem;font-size:1.3rem;color:#000;transition:height 1s}.active{height:200px!important}.event-date{margin-top:20px}.event-item:hover{cursor:pointer}.calendar .detail-sidebar .detail-sidebar__events li:nth-child(2n){background-color:#a0a0a0}.calendar .detail-sidebar .detail-sidebar__link{font-size:1rem;margin-bottom:1rem}.calendar .detail-sidebar .detail-sidebar__link span{font-size:1.2rem;font-weight:700}.calendar .detail-sidebar .detail-sidebar__link:hover{color:#755c8a}.calendar .detail-sidebar.toggled{left:0;transition:.2s ease-in-out}.calendar .new-event-sidebar{position:absolute;left:-100%;width:40%;height:100vh;padding-left:1rem;background-size:cover;overflow-y:scroll;transition:.2s ease-in-out;background-color:#ececec}.calendar .new-event-sidebar .new-event-sidebar__title{font-size:2rem;font-weight:700;margin:1rem 0 2rem;position:relative;color:#755c8a}.calendar .new-event-sidebar .new-event-sidebar__title:before{content:"";position:absolute;bottom:-16px;left:0;width:100%;height:4px;background-color:#755c8a}.calendar .new-event-sidebar label{font-weight:700;margin-left:1rem;color:#755c8a}.calendar .new-event-sidebar .new-event-sidebar__add-btn,.calendar .new-event-sidebar .new-event-sidebar__date,.calendar .new-event-sidebar .new-event-sidebar__description,.calendar .new-event-sidebar .new-event-sidebar__reminder,.calendar .new-event-sidebar .new-event-sidebar__type{width:90%;font-size:1.3rem;margin:.5rem 1rem;padding:.5rem 0;color:#000;border:2px solid #755c8a;box-sizing:border-box}.calendar .new-event-sidebar .new-event-sidebar__add-btn{background-color:#755c8a;color:#ececec}.calendar .new-event-sidebar .new-event-sidebar__add-btn:hover{background-color:#4e3d5c;transition:.3s}.calendar .new-event-sidebar.toggled{left:0;transition:.2s ease-in-out}.text-bold{font-weight:700}@media screen and (max-width:768px){.navbar .logo p,.navbar .logo span{font-size:1.5rem}.navbar .button-group button{font-size:1rem;padding:.2rem;margin-right:0}.detail-sidebar.toggled,.new-event-sidebar.toggled{padding-left:0;width:100%}.calendar .title{font-size:1.5rem}.calendar .title .dropdown-jump{top:67px;flex-direction:column}.calendar .title .dropdown-jump button,.calendar .title .dropdown-jump input,.calendar .title .dropdown-jump select{width:280px;margin-right:0;margin-bottom:.4rem}.calendar .title .dropdown-jump button{margin-bottom:0}.calendar .calendar-table .tbody,.calendar .calendar-table .thead,.calendar .calendar-table .thead-sm{grid-gap:.2rem;gap:.2rem}.calendar .calendar-table .thead{display:none}.calendar .calendar-table .thead-sm{display:-ms-grid;display:grid}.calendar .calendar-table .tbody .day{font-size:1.5rem;height:60px}.calendar .calendar-table .tbody .day div{margin:0}.calendar .calendar-table .tbody .day div span{font-size:.7rem}}
/*# sourceMappingURL=main.0195ca15.chunk.css.map */