@font-face{font-family:League Spartan;src:url("../fonts/LeagueSpartan-Bold.otf") format("opentype")}@keyframes slideDownIn{0%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes slideUpIn{0%{transform:translateY(10px)}100%{transform:translateY(0px)}}@keyframes slideDownOut{0%{transform:translateY(0px)}100%{transform:translateY(10px)}}@keyframes slideUpOut{0%{transform:translateY(0px)}100%{transform:translateY(-10px)}}@keyframes zoomIn{0%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(0.95)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes deleteItem{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}body{background:#f0f0f0;margin:0;font-family:"Open Sans";color:#323232}::selection{background:rgba(195,60,84,0.2)}.header{color:#323232;font-size:18px;background:#C33C54}.header .calendar-info{margin-left:.5em;display:inline-block;border-top:2px solid transparent;font-family:"Varela Round"}.header .calendar-info .author-username{display:inline-block;transition:.1s;cursor:pointer;color:white;opacity:.5}.header .calendar-info .calendar-title{display:inline-block;transition:.1s;cursor:pointer;color:white;border-bottom:2px solid transparent}.header .title{margin:1em 4em;display:inline-flex;align-items:center;transition:.2s;cursor:pointer;padding-right:1em;border-radius:4px}.header .title:hover{background:rgba(255,255,255,0.1)}.avatar{cursor:pointer;transition:.2s;background-image:url("../img/avatar.jpg");background-size:contain;height:3em;width:3em;display:inline-block;margin:.5em;border-radius:3px;box-shadow:0px 4px 8px 2px rgba(0,0,0,0.1)}.avatar:hover{transform:scale(1.05)}.area{padding:3em;min-width:40em;margin:0 auto}.area h1{margin:0;font-family:"Varela Round"}.area h2{margin:0;font-family:"Varela Round";color:#C33C54;margin-bottom:0.5em;font-weight:normal}.section{padding:2em}.section.title{padding:0;margin:2em;transition:0.1s}.entries{white-space:nowrap;overflow-x:hidden}.entry{display:inline-block;transition:0.2s;margin:0 1em;vertical-align:top;margin-bottom:2em;background:#fff;border-radius:0.3em;box-shadow:0px 10px 40px -10px rgba(0,0,0,0.1);width:20.5em;padding-bottom:0;font-size:14px;white-space:normal}.entry.today{border:1px solid lightgrey}.entry:hover{transform:translateY(-1px);box-shadow:0px 10px 40px -10px rgba(195,60,84,0.25)}.entry.empty{background:transparent;border:1px dashed lightgrey}.entry.empty .entry-header h2{color:lightgrey}.entry.empty .add-event{color:lightgrey}.entry.empty:hover{background:#fff;border:1px dashed transparent}.entry.empty:hover .entry-header h2{color:#C33C54}.entry.empty:hover .add-event{color:rgba(195,60,84,0.8)}.entry-header{padding:2em;padding-bottom:0}.event{transition:margin-top .2s, opacity .05s;font-size:20px;padding:0.5em 0;border-bottom:1px solid rgba(0,0,0,0.05);color:#323232}.event .buttons{float:right;opacity:0;transition:opacity .2s;cursor:pointer}.event.last{border-bottom:none;padding-bottom:0}.comments{color:#b4b4b4;font-size:16px;font-weight:normal;margin-top:0.5em;overflow-wrap:break-word}.entry .event i{transition:.1s;padding:.1em;opacity:.9}.entry .event i:hover{color:#C33C54}.entry .event i.caution:hover{color:#eb4d4b}.entry .add-event{transition:.1s;padding:1.5em 0 2em 0;font-size:18px;font-family:"Varela Round";color:#C33C54;opacity:.75}.entry .add-event i{margin-right:.5em}.event-wrap{padding:0 2em}.event-wrap:hover .event .info{color:#C33C54}.event-wrap:hover .event .buttons{opacity:1;transform:translateY(0)}.event-wrap:hover .add-event{opacity:1;color:#C33C54}.event-wrap.clickable{cursor:pointer}.event-wrap.slide-up-in .buttons{animation:slideUpIn .2s linear}.event-wrap.slide-down-in .buttons{animation:slideDownIn .2s linear}.event-wrap.slide-up-out .buttons{animation:slideUpOut .2s linear}.event-wrap.slide-down-out .buttons{animation:slideDownOut .2s linear}.new-entry{cursor:pointer;background:transparent;border-radius:.25em;text-align:center;box-shadow:none;color:grey;margin-bottom:3em;font-family:"Varela Round";font-size:18px;overflow:hidden;height:100px;padding:0}.new-entry .new-entry-view{height:100px;transition:.2s}.new-entry:hover{color:#254E70}.floating-menu{width:100vw;position:fixed;bottom:0;left:0}.floating-menu .button{transition:.2s;background:#C33C54;display:inline-block;padding:1.5em 2em;margin:1em;border-radius:3em;box-shadow:0px 4px 8px 2px rgba(0,0,0,0.1);color:white;visibility:hidden;opacity:0;transform:scale(0.95)}.floating-menu .button i{margin-right:1em}.floating-menu .button.right{float:right}.floating-menu .button.visible{transform:scale(1);visibility:visible;opacity:1}.flying{position:fixed;width:100vw;height:100vh;display:flex;z-index:999;opacity:0;transition:.2s}.centered{align-self:center;margin:0 auto}.modal{background:#fff;min-width:10em;max-width:33em;min-height:5em;border-radius:0.25em;box-shadow:0px 10px 40px -10px rgba(0,0,0,0.1);overflow:hidden;font-family:"Varela Round";font-size:18px;padding:1.5em 2em}.modal .section{margin:0;padding:0}.modal .section.message{padding:.5em 0;padding-bottom:1.5em}.modal .button{padding:0.5em 1em;margin-right:0.5em;display:inline-block;border-radius:0.25em}.modal .time-title{display:flex;align-items:center}.modal input{font-family:"Open Sans";border:none;font-size:22px;padding:.2em}.modal input:focus{outline:none}.modal input.time{flex-grow:1}.modal input.title{flex-grow:5}.modal input.comments{font-size:18px;width:100%}.modal input:hover::placeholder{opacity:.75}.modal input:focus::placeholder{opacity:1}.modal input::placeholder{transition:.1s;opacity:.5}.modal .event{font-family:"Open Sans"}.modal.neutral .button.confirm{background:#C33C54;color:white}.modal.negative .button.confirm{background:#eb4d4b;color:white}.modal.positive .button.confirm{background:#6ab04c;color:white}.button{transition:0.1s;cursor:pointer;border:1px solid transparent}.button:hover{transform:translateY(-3px);opacity:.9}.button:active{transition:.05s;transform:scale(0.95)}.button.cancel{background:lightgrey}.curtain{visibility:hidden}.curtain .flying{animation:fadeOut .1s ease-in-out;animation-fill-mode:forwards}.curtain .modal{animation:zoomOut .1s ease-in;animation-fill-mode:forwards}.curtain.visible{visibility:visible}.curtain.visible .flying{animation:fadeIn .1s ease-in-out;animation-fill-mode:forwards}.curtain.visible .modal{animation:zoomIn .1s ease-out}.curtain.dark .flying{background:rgba(0,0,0,0.5)}.fade-in{animation:fadeIn .1s ease-in-out;animation-fill-mode:forwards}.fade-out{animation:fadeOut .1s ease-in-out;animation-fill-mode:forwards}.zoom-in{animation:zoomIn .1s ease-in-out;animation-fill-mode:forwards}.zoom-out{animation:zoomOut .1s ease-in-out;animation-fill-mode:forwards}.delete-item{animation:deleteItem .1s ease-in-out;animation-fill-mode:forwards}.zoom-fade-in{animation:zoomIn .1s ease-in-out, fadeIn .1s ease-in-out;animation-fill-mode:forwards}.zoom-fade-out{animation:zoomOut .1s ease-in-out, fadeOut .1s ease-in-out;animation-fill-mode:forwards}.zoom-fade-in-slow{animation:zoomIn .3s ease-out, fadeIn .3s ease-out;animation-fill-mode:forwards}.zoom-fade-out-slow{animation:zoomOut .3s ease-out, fadeOut .3s ease-out;animation-fill-mode:forwards}.delayed{animation-delay:.15s;transition-delay:.15s}.hidden{visibility:hidden}.template{display:none}.hour-selection{margin:.5em 0}.hour-bubble{display:inline-block;font-size:14px;border:1px solid lightgrey;padding:.5em}.hour-bubble:hover{background:lightgrey}input[type="time"]::-webkit-clear-button{display:none}.no-scroll{overflow:hidden}.bubble{opacity:0;background:#C33C54;color:white;position:absolute;box-shadow:0px 4px 8px 2px rgba(0,0,0,0.1);text-align:center;top:45vh;left:45vw;border-radius:4px;font-family:"Varela Round";z-index:9999;visibility:hidden;color:rgba(255,255,255,0.9)}.bubble .option{transition:.1s;background:#C33C54;padding:.5em 2em;cursor:pointer}.bubble .option:hover{background:#cf6376}.bubble .option.selected{background:#db8a98;color:white}.bubble .column{transition:.2s;height:1em;overflow-y:scroll;display:inline-block}.bubble .column.left{border-right:1px solid rgba(255,255,255,0.1)}.bubble .column::-webkit-scrollbar{display:none}.bubble .column .spacer{height:44%}.bubble:after{content:'';position:absolute;top:0;left:50%;width:0;height:0;border:7px solid transparent;border-bottom-color:#C33C54;border-top:0;margin-left:-7px;margin-top:-7px}.bubble.visible{visibility:visible}.bubble.visible .column{height:14em}.disclaimer{display:inline;opacity:.5}