.page{margin:20px auto;max-width:1200px;padding:0 8px}.app-container{display:flex}input{margin-right:8px;padding:8px}button{background-color:tan;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px}button:hover{background-color:#b8860b}.login-page{margin:20px auto;max-width:1200px;padding:0 8px;text-align:center}.login-form{background-color:#f9f9f9;border:1px solid #ccc;border-radius:16px;flex-grow:1;margin:auto;min-width:290px;padding:10px;width:20%}.login-items{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.login-label{margin:0 8px}.login-buttons{display:flex;justify-content:center;margin-bottom:8px;margin-top:24px}.login-button{margin:0 8px}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.header h1{margin:0}.header button{margin-left:8px}.full-width-container{width:100%}.calendar-container{margin-right:20px;width:70%}.calendar{grid-gap:8px;display:grid;gap:8px}.calendar-header{align-items:center;background-color:#f0f0f0;display:flex;font-weight:700;justify-content:space-between;padding:8px}.calendar-nav-button{border-radius:100px;margin:0 8px;padding:8px 9px;text-align:center;vertical-align:initial}.days{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.day{cursor:pointer;padding:8px;text-align:center}.day.of-week{font-weight:700}.day.active:hover{background-color:#e6e6e6}.event{background-color:tan;color:#fff;margin:4px auto auto;max-width:9ch;overflow:hidden;padding:4px;text-overflow:ellipsis}.full-width-container .event{max-width:14ch}.event-form{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:10px}.event-form input{height:1rem;justify-content:flex-start;width:12rem}.event-form button,.event-form input{display:flex;flex-direction:row;margin:5px}.event-form button{height:2rem;justify-content:center;width:6rem}.zero-width-container{width:0}.event-list-container{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;width:30%}.event-list-container button{margin-bottom:0}.event-list{background-color:#f9f9f9;border:1px solid #ccc;border-radius:16px;flex-grow:1;padding:10px}.event-list-header{align-items:center;border-bottom:1px solid #ccc;display:flex;flex-direction:row;height:2rem;justify-content:space-between;padding:10px}.event-list-header span{font-size:24px;font-weight:700}.event-list-header button{margin:2px;padding:5px}.event-list ul{list-style-type:none;padding:0}.event-list li{align-items:center;display:flex;margin-bottom:8px}.event-list span{flex-grow:1;text-align:left}.event-date button{font-size:10px;padding:1px 2px;text-align:center}.del-button{float:right;margin:-10px -10px auto 0}.del-button,.edit-button{height:15px;padding:auto;text-align:center;width:15px}.edit-button{float:left;margin:-10px 0 auto -10px}.clear-date-button{display:block;margin:8px auto 0;padding:10px;text-align:center}.clear-date-text{font-size:8px;padding:1px}.event-date{background-color:#eee;border:1px solid #ccc;border-radius:4px;cursor:default;display:inline-block;font-size:12px;margin-right:8px;padding:5px;text-align:center;width:30%}.event-date-empty,.event-date-input{margin:8px auto}.event-date input{font-size:10px;height:0;margin:-5px -60px;width:80%}.event-title{font-size:12px;margin-right:8px;max-width:70%;overflow:hidden;text-overflow:ellipsis;width:70%}.event-title input{font-size:10px;height:4px;width:90%}@supports (-webkit-touch-callout:none){.event-form input{width:9rem}.event-form input[type=datetime-local],input[type=date]{height:2rem}.event-form button{width:5rem}.event-date-empty{margin-top:0}.event-date-input{margin-top:-10px}.event-date input{max-width:65%}.event-title input{width:85%}}@media only screen and (max-width:1080px){.day{font-size:12px}.event{font-size:10px}.event-list-header span{font-size:20px}.event-date{font-size:10px;width:45%}@supports not (-webkit-touch-callout:none){.event-date-input{margin-top:10px}}}@media only screen and (max-width:768px){.page{padding:0}.app-container{display:grid}.calendar-container{margin-bottom:20px;margin-right:0;width:100%}.event-list-container{margin:0 auto;width:95%}.header{margin-left:8px;margin-right:8px}.event{font-size:8px}.event,.full-width-container .event{max-width:6ch}.event-date{min-width:20%;width:auto}@supports not (-webkit-touch-callout:none){.event-title input{width:90%}}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.3c41bf6f.css.map*/