@import"https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css";#header-container[data-v-33b5ca6f]{height:100%;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.month[data-v-33b5ca6f]{display:flex;justify-content:space-between;order:2;align-items:center;height:100%;width:50%}.month>button[data-v-33b5ca6f]{height:40px;width:80px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;text-decoration:none}.month>button[data-v-33b5ca6f]:hover{background-color:green;cursor:pointer}#menu-icon[data-v-33b5ca6f]{order:1;cursor:pointer}#account[data-v-33b5ca6f]{order:3;cursor:pointer}.monthName[data-v-33b5ca6f]{display:flex;cursor:pointer}.monthName>h1[data-v-33b5ca6f]{margin:0;display:inline}.monthName>img[data-v-33b5ca6f]{height:50px;width:50px}#month-dropdown[data-v-33b5ca6f]{position:absolute;top:7vh;left:50%;background-color:#fff}.dropdown-item[data-v-33b5ca6f]{padding:10px;border-bottom:1px solid #ccc;text-align:center;cursor:pointer}#month-dropdown>div[data-v-33b5ca6f]:hover{background-color:#f9f9f9}@keyframes rotate-33b5ca6f{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.animate-rotate[data-v-33b5ca6f]{animation:rotate-33b5ca6f .2s forwards}.animate-rotate-reverse[data-v-33b5ca6f]{animation:rotate-33b5ca6f .2s reverse forwards}@keyframes dropdown-33b5ca6f{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-dropdown[data-v-33b5ca6f]{animation:dropdown-33b5ca6f .2s forwards}.animate-dropdown-reverse[data-v-33b5ca6f]{animation:dropdown-33b5ca6f .2s reverse forwards}@media screen and (max-width:800px){.monthName>img[data-v-33b5ca6f]{width:24px;height:24px}h1[data-v-33b5ca6f]{font-size:1.5rem}.month>button[data-v-33b5ca6f]{height:20px;width:40px}}#account-container[data-v-a6ae9b7c]{height:100vh}#account-card[data-v-a6ae9b7c]{background-color:#d3d3d3;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:10px;padding:30px;height:95%;width:400px;box-shadow:0 0 10px #0000001a;box-sizing:border-box}#close-button[data-v-a6ae9b7c]{position:absolute;top:0;left:1%;cursor:pointer}#close-button[data-v-a6ae9b7c]:hover{color:red}#account-header[data-v-a6ae9b7c]{display:flex;justify-content:center;flex-direction:column;align-items:center}#signup[data-v-a6ae9b7c]{display:flex;flex-direction:column;justify-content:center;align-items:center}#user-events[data-v-a6ae9b7c]{margin:10px 0}#user-events[data-v-a6ae9b7c]>*{margin:5px 0}form[data-v-a6ae9b7c]{width:100%}form>div[data-v-a6ae9b7c]{margin:10px 0;display:flex;flex-direction:column}input[data-v-a6ae9b7c]{width:100%;height:30px;font-size:20px}button[data-v-a6ae9b7c]{margin:10px 0;width:100%;padding:10px;background-color:#3f3fff;color:#fff;border:none;border-radius:5px;cursor:pointer}button[data-v-a6ae9b7c]:disabled{background-color:gray;cursor:not-allowed}@media screen and (max-width:450px){#account-card[data-v-a6ae9b7c]{width:90%}}.calender-item.notThisMonth[data-v-48b7f90c]{background-color:gray;color:#fff}.calender-item.thisMonth[data-v-48b7f90c]{background-color:#fff}.thisMonth[data-v-48b7f90c]:hover{background-color:#add8e6}.calender-item.selected[data-v-48b7f90c]{background-color:#d3d3d3}.event-name[data-v-48b7f90c]{background-color:#f08080;margin:5px;padding-left:5px;border-radius:5px;font-size:14px;text-align:left;white-space:nowrap;overflow:hidden;box-sizing:border-box;text-overflow:ellipsis}.event-name.holiday[data-v-48b7f90c]{background-color:#90ee90}.event-name[data-v-48b7f90c]:hover{cursor:pointer}#calender-grid[data-v-48b7f90c]{display:grid;grid-template-columns:repeat(7,1fr);height:100%;width:100%}.calender-item[data-v-48b7f90c]{vertical-align:top;text-align:center;border:1px solid black;height:100%;width:100%;overflow:hidden}.overlay[data-v-48b7f90c]{position:fixed;height:100vh;width:100vw;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.event-details[data-v-48b7f90c]{position:fixed;height:fit-content;width:400px;z-index:1001;background-color:orange;padding:30px;box-shadow:0 4px 8px #0000001a;border-radius:10px}.event-info[data-v-48b7f90c]{display:flex;flex-direction:column}.x-button[data-v-48b7f90c]{position:absolute;top:0;right:95%;color:#fff;width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;cursor:pointer}.x-button[data-v-48b7f90c]:hover{background-color:red}@media(max-width:800px){.event-details[data-v-48b7f90c]{width:300px}}.container[data-v-5f7d8780]>*{margin-top:20px}.country[data-v-5f7d8780]{margin-left:10px;cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content}.country[data-v-5f7d8780]:hover{animation:grow-5f7d8780 .5s forwards}.success[data-v-5f7d8780]{width:fit-content;margin-top:5px;color:green}form>div[data-v-5f7d8780]{margin-top:30px;display:flex;flex-direction:column}form>u[data-v-5f7d8780]{cursor:pointer}form[data-v-5f7d8780]{display:flex;flex-direction:column}.day[data-v-5f7d8780]{width:35px}.month[data-v-5f7d8780]{width:85px;font-size:12px}#country[data-v-5f7d8780]{width:fit-content}#submit-event[data-v-5f7d8780]{background-color:#4caf50;color:#fff;height:40px;width:100px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}#submit-event[data-v-5f7d8780]:disabled{background-color:#ccc;cursor:not-allowed}#submit-event[data-v-5f7d8780]:hover{background-color:green}select[data-v-5f7d8780]{background-color:#00000038;border:none;width:fit-content}@keyframes grow-5f7d8780{0%{transform:scale(1)}to{transform:scale(1.25)}}#edit-event-container[data-v-544cb4a4]{height:100vh;width:100vw}#edit-event-card[data-v-544cb4a4]{display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:50%;height:fit-content;border-radius:10px;padding:20px;box-sizing:border-box}form[data-v-544cb4a4]{display:flex;flex-direction:column}form #name-input[data-v-544cb4a4]{width:50%}form>div[data-v-544cb4a4]{margin:10px 0;display:flex;flex-direction:column}form>#class-inputs[data-v-544cb4a4]{display:flex;flex-direction:row}form>#class-inputs>input[data-v-544cb4a4]{width:50px;margin-right:5px}form>div#buttons[data-v-544cb4a4]{display:flex;justify-content:space-between;flex-direction:row}form>div#buttons>button[data-v-544cb4a4]{width:100px;height:30px;border-radius:5px;background-color:#4caf50;color:#fff;border:none}label[data-v-544cb4a4]{font-size:1.2em;margin-bottom:5px}textarea[data-v-544cb4a4]{height:100px}.animate__animated.animate__slideInLeft,.animate__animated.animate__slideInRight{--animate-duration: .2s}body{margin:0;padding:0;font-family:Arial,sans-serif}#container{display:grid;grid-template-areas:"header header" "create-event calender";grid-template-rows:8vh 92vh;overflow:hidden}#loading{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:2.5rem;height:100vh;width:100vw}#loading>*{margin:50px}#page-error{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;font-size:3rem}.header{grid-area:header;display:flex;width:100vw;height:8vh;background-color:#f0f0f0;justify-content:center;align-items:center}.calender{grid-area:calender;width:100%;height:100%}.create-event{grid-area:create-event;width:100%;height:100%;background-color:#fff}.account-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;width:100vw;height:100vh;z-index:1002}#edit-event{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#00000080;width:100vw;height:100vh;z-index:1003}.error{width:fit-content;margin-top:5px;color:red}@keyframes stretchCalendar{to{transform:scaleX(1.176470588)}}@keyframes slideSide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes increace-size{0%{transform:scale(1)}to{transform:scale(1.05)}}.stretch_animation{transform-origin:right;animation:.2s linear stretchCalendar}.shrink_animation{transform-origin:right;animation:.2s linear reverse stretchCalendar}.slideIn_animation{animation:.2s linear slideSide}.slideOut_animation{animation:.19s linear reverse slideSide}button:hover{animation:.2s forwards increace-size}@media screen and (max-width:800px){#container{grid-template-areas:"header header" "calender calender"}.create-event{position:absolute;width:50vw;top:8vh}}.spinner{animation:rotator 1.4s linear infinite}#loading .spinner{height:150px;width:150px}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke-dasharray:187;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite,colors 5.6s ease-in-out infinite}@keyframes colors{0%{stroke:#4285f4}25%{stroke:#de3e35}50%{stroke:#f7c223}75%{stroke:#1b9a59}to{stroke:#4285f4}}@keyframes dash{0%{stroke-dashoffset:187}50%{stroke-dashoffset:46.75;transform:rotate(135deg)}to{stroke-dashoffset:187;transform:rotate(450deg)}}