@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&family=Roboto:wght@400;500&display=swap);html{overflow-y:scroll}html::-webkit-scrollbar{display:none}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.header{top:0;background-color:#0039cb;padding:1rem}.header h1,.header p{padding:.25rem;letter-spacing:1px;font-family:"Montserrat",sans-serif;margin:0;color:#fff}.header p{font-size:.7rem}p{word-wrap:normal;word-break:break-word}a{text-decoration:none}a:visited{color:#fff}.header{padding:0 0 10px}.login__container{margin:auto;height:100vh}.login__form{padding:2rem;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);max-width:50%}.input__container,.login__form{display:flex;flex-direction:column;margin:auto}.input__container{min-height:8rem;padding:1rem;margin-bottom:1rem;max-width:80%}.input__container input::-webkit-input-placeholder{font-size:x-small;letter-spacing:1px;font-family:"Roboto",sans-serif}.input__container input:-ms-input-placeholder{font-size:x-small;letter-spacing:1px;font-family:"Roboto",sans-serif}.input__container input::-ms-input-placeholder{font-size:x-small;letter-spacing:1px;font-family:"Roboto",sans-serif}.input__container input::placeholder{font-size:x-small;letter-spacing:1px;font-family:"Roboto",sans-serif}.login__form input{text-align:center;margin:.25rem 0;font-family:"Roboto",sans-serif;border-radius:4px;border-bottom:2px solid #768fff}.error__{color:red}.login__btn{margin:auto;padding:4px;width:80px;background-color:transparent;border:none;border-radius:4px;color:#2962ff;font-family:"Roboto",sans-serif;font-size:x-small;font-weight:500;letter-spacing:1px;text-align:center;transition:all .25s ease-in-out;cursor:pointer}.login__btn:hover{box-shadow:0 8px 16px rgba(0,0,0,.19),0 5px 5px rgba(0,0,0,.23)}a.signup-login{margin:1rem;font-size:xx-small;color:rgba(0,0,0,92%);font-weight:500;letter-spacing:1px}.text__input{border-radius:3px;border:none;font-size:14px;font-family:"Roboto",sans-serif;padding:4px}.text__input input::-webkit-input-placeholder{font-size:small;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__input input:-ms-input-placeholder{font-size:small;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__input input::-ms-input-placeholder{font-size:small;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__input input::placeholder{font-size:small;letter-spacing:1px;font-family:"Roboto",sans-serif}.event__section::-webkit-scrollbar{display:none}.event__section{margin-top:0;max-height:1200px;min-height:80vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;max-width:720px;padding:20px}.event__list{max-width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:5px;gap:5px;padding:5px;margin:0;list-style-type:none}.event__list li{padding:2px;margin:0;border-radius:4px;box-shadow:0 10px 18px rgba(0,0,0,.12),0 2px 2px rgba(0,0,0,.24)}.event__item{display:flex;flex-direction:column;justify-content:space-around;padding:3px}.info-bold{font-family:"Roboto",sans-serif;font-size:14px;margin:0;padding:4px;font-weight:500}.date__container{flex:0.25 1;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:3px 6px;margin:auto;border-radius:4px;background-color:#304fff}.date__container h3{font-family:"Roboto",sans-serif;font-size:14px;font-weight:500;letter-spacing:1pt;margin:0;color:hsla(0,0%,100%,70%)}.info__container{flex:1 1;text-align:center}.info__container h4,h5{font-family:"Roboto",sans-serif;padding:4px;margin:0}.info__container h4{font-family:"Montserrat",sans-serif;color:hsla(0,0%,0%,72%);font-weight:500}.info__container p{font-size:12px;font-weight:500;font-family:"Roboto",sans-serif;letter-spacing:1px;color:hsla(0,0%,0%,90%);margin:0}.date__container h3,.event__list li,.expanded__info__btn__ctn button,.info__container h4,.info__container p{transition:all .25s ease-in-out}.event__list li:hover{cursor:pointer;color:hsla(0,0%,0%,89%);background-color:rgba(122,122,255,.2);box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.event__list li:hover h3{color:hsla(0,0%,100%,99%)}.event__list li:hover h4,.event__list li:hover p{color:hsla(0,0%,0%,89%)}.modal{background-color:rgba(0,0,0,.75);position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center}.expanded__info{font-family:"Roboto",sans-serif;font-size:12px;text-align:left;background-color:#fff;border:none;border-radius:4px;width:400px;max-width:70%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;padding:12px;box-shadow:0 20px 40px rgba(0,0,0,.12),0 20px 42px rgba(0,0,0,.24)}h5.info-bold{padding:0;margin:0;font-weight:500;color:hsla(0,0%,0%,92%);letter-spacing:1pt}.expanded__info header{width:100%;background-color:#304fff;border-radius:4px}div.expanded__info__text{margin:5px}.expanded__info__text p{margin:2px 0;letter-spacing:1pt}.expanded__info article{margin:4px;padding:4px}.expanded__header{display:flex;justify-content:flex-start;align-items:center;grid-gap:5px;gap:5px}.avatar__icon{font-size:5em;margin:6px;color:hsla(0,0%,100%,89%)}.expanded__header__text{padding:5px;margin:0 5px;text-align:left}.expanded__header__text h3{font-size:large;color:hsla(0,0%,100%,89%);font-weight:500;letter-spacing:1pt;margin:0}.expanded__header__text label{display:block;letter-spacing:1pt;font-weight:400;font-size:small;margin:0;padding:0;color:hsla(0,0%,100%,64%)}.expanded__info__btn__ctn{justify-content:flex-start;margin:auto;padding:10px;display:flex;grid-gap:10px;gap:10px;transition:all .25s ease-in-out}.expanded__info__btn__ctn button{background-color:transparent;border:none;cursor:pointer;color:#304fff;font-weight:500;letter-spacing:1pt;font-family:"Roboto",sans-serif;padding:6px;border-radius:4px}.expanded__info__btn__ctn button:hover{box-shadow:0 8px 16px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.register__btn__ctn{display:flex;justify-self:flex-start}.registering__input{display:block;border:0;padding:4px;border-bottom:2px solid #7b7cff;border-radius:4px;width:80%}.registering__input::-webkit-input-placeholder{font-family:"Roboto",sans-serif;letter-spacing:1pt}.registering__input:-ms-input-placeholder{font-family:"Roboto",sans-serif;letter-spacing:1pt}.registering__input::-ms-input-placeholder{font-family:"Roboto",sans-serif;letter-spacing:1pt}.registering__input::placeholder{font-family:"Roboto",sans-serif;letter-spacing:1pt}.event__item_registering{background:#fff;overflow:hidden;transition:all .5s ease-in-out;color:transparent;margin:0;padding:0}label.registering{display:block;font-weight:500;margin:5px;color:hsla(0,0%,0%,69%);text-align:left;font-family:"Roboto",sans-serif;letter-spacing:1pt}sup.registering__superscript{vertical-align:super;max-width:50px;font-size:75%;line-height:0;position:relative;vertical-align:baseline}@media screen and (min-width:700px){.event__section{margin:0 auto}.event__list{margin:auto}}@media screen and (max-width:524px){.expanded__header{max-width:100%}.event__item_expanded{min-width:65%}}.dashboard__header{display:flex;flex-direction:column;background-color:#0039cb}.dashboard__header h1,h2{font-family:"Montserrat",sans-serif;margin:0;color:#fff}.dashboard__header h2{font-size:18px;padding:.5rem}.dashboard__header div{color:#dedede;font-family:"Roboto",sans-serif}.header__text{padding:.5rem;display:flex;justify-content:space-around}.navlink__list{list-style-type:none;display:flex;justify-content:center;padding:0;margin:0 auto;max-width:720px}.navlink__item{flex:1 1;color:#fff;font-size:14px;font-weight:500;letter-spacing:.45pt;padding:1rem;transition:all .25s ease-in}.navlink__item button{background-color:transparent;border:none;color:#fff}.navlink__item:hover,.navlink__item button:hover{cursor:pointer;color:hsla(0,0%,0%,89%);background-color:#ffc847;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.header__nav{background-color:transparent}.landing__container{display:flex;flex-direction:column;max-width:450px;margin:auto;padding:1rem}.landing__container h1{color:#0039cb;letter-spacing:1pt;font-weight:500}.landing__container button{margin:1rem auto;padding:4px;width:80px;border:none;border-radius:4px;font-family:"Roboto",sans-serif;font-size:x-small;font-weight:500;letter-spacing:1px;text-align:center;background-color:transparent;cursor:pointer}.landing__container button:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#start_btn:active,#start_btn:hover,#start_btn:link,#start_btn:visited{color:#0039cb}.activity__form{max-width:350px;margin:auto;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.activity__form header{padding:1em;background-color:#304fff;border-bottom:2px solid #1b3039}.activity__form legend{color:rgba(255,255,255,92%);letter-spacing:1pt;font-size:20px}.add__activity__btn__ctn{display:flex;margin:5px auto;padding:3px;width:80%}.add__activity__btn__ctn>button{align-self:flex-start;color:rgba(0,0,0,.89);font-weight:500;letter-spacing:1pt;background-color:transparent;padding:4px 8px;border:none;cursor:pointer;transition:all .25s}.add__activity__btn__ctn>button:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.text__container{margin:3px;background:none}.text__container>input,.text__container>textarea{background-color:transparent;border-bottom:2px solid #304fff;font-family:"Roboto",sans-serif;letter-spacing:1pt;width:80%;margin:auto}.text__container>textarea{border-radius:3px;border:none;border-bottom:2px solid #304fff;resize:none;height:5rem;width:80%;margin:auto}.text__container>input::-webkit-input-placeholder,.text__container>textarea::-webkit-input-placeholder{color:rgba(0,0,0,.692);font-size:12px;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__container>input:-ms-input-placeholder,.text__container>textarea:-ms-input-placeholder{color:rgba(0,0,0,.692);font-size:12px;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__container>input::-ms-input-placeholder,.text__container>textarea::-ms-input-placeholder{color:rgba(0,0,0,.692);font-size:12px;letter-spacing:1px;font-family:"Roboto",sans-serif}.text__container>input::placeholder,.text__container>textarea::placeholder{color:rgba(0,0,0,.692);font-size:12px;letter-spacing:1px;font-family:"Roboto",sans-serif}.add__activity__date{background-color:hsla(0,0%,100%,.81);padding:5px;display:flex;flex-direction:column}#DatePicker,#EndTimePicker,#StartTimePicker{letter-spacing:1pt;font-family:"Montserrat",sans-serif;font-weight:500}#DatePicker:hover,#EndTimePicker:hover,#StartTimePicker:hover{cursor:pointer}#date__form button,#date__form input{font-family:"Roboto",sans-serif}.account__section__wrapper{height:80vh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none;max-width:720px;margin:0 auto}hr.account__divider{margin:10px;border-width:1px 0;box-shadow:inset 0 -1px 0 0 #000}.account__section__wrapper::-webkit-scrollbar{display:none}.account__nav{margin-top:1.5em;display:flex;justify-content:center;grid-gap:5px;gap:5px}.account__nav button{flex:0.5 1;padding:1em;background-color:transparent;border:none;border-radius:4px;cursor:pointer;font-family:"Roboto",sans-serif;font-size:14px;font-weight:500;letter-spacing:2pt}.account__nav button.on,.account__nav button:hover{background-color:#304fff}.account__nav button.on{color:#fff}.account-activity__section{padding:12px}.account-activity__list,.request-activity__list{list-style-type:none;background-color:transparent;padding:0;width:80%;margin:0 auto;display:grid;grid-template-columns:repeat(1,minmax(150px,1fr));grid-gap:3px;gap:3px}.account-activity__list h2{letter-spacing:1pt;font-weight:500}.account__section__flex{display:flex}.account__modal{background-color:rgba(0,0,0,.8);position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-content:center}.user__select__ctn{display:flex;margin:0 8px;justify-content:space-between}.user__select__info p{color:#000;font-size:14px;margin:0}.user__select__info{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-flex;text-align:left;align-self:flex-start}.user__select__text__ctn{margin:4px}.input__label,.user__select__text__ctn label{font-size:10px;display:block}.user__select__controls{align-self:flex-end;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#819ca9}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#43a047}input:focus+.slider{box-shadow:0 0 1px #43a047}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.activity__list__item{padding:1em;background-color:#fff;display:flex;flex-direction:row;border-radius:3px;align-items:center;cursor:pointer;box-shadow:0 7px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.24);transition:all .25s ease-in-out}.activity__list__item__text{display:flex;flex-direction:row;justify-content:space-between;margin:3px;max-height:100%;width:100%}.activity__list__item{padding:4px}.activity__list__item__header{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:5px;text-align:left}.activity__list__item__header span{margin:2px}p.date__text{margin:0;background-color:#2e4dff;border-radius:4px;padding:4px;color:hsla(0,0%,100%,.84);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.activity__list__item__header h2{color:#000;font-size:18px;font-weight:500;transition:all .25s ease-in;margin:0;padding:0}.activity__list__item__header label{font-size:12px;font-weight:500;color:rgba(0,0,0,.6);margin:0;padding:0;display:block}.description__text{flex:2 1;align-self:flex-start;color:rgba(0,0,0,.9);max-height:60px;overflow:auto;margin:6px 4px;padding:2px;word-wrap:break-word;font-size:12px}.description__text::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.description__text::-webkit-scrollbar{width:5px;background-color:transparent}.description__text::-webkit-scrollbar-thumb{border-radius:3px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#555}.activity__list__item:hover{box-shadow:0 10px 18px rgba(0,0,0,.12),0 10px 18px rgba(0,0,0,.24)}.activity__list__item:hover h2{color:#0026ca}.expanded__activity{background-color:#fff;position:relative;max-width:320px;min-width:300px;top:25vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:12px;border-radius:4px;display:flex;flex-direction:column}.expanded__activity__header{display:flex;flex-direction:column;margin-bottom:5px;padding:10px;text-align:left;background-color:#29434e}.expanded__activity__header h3,h4{margin:0;color:#fff;letter-spacing:1pt}.expanded__activity__header h4{color:hsla(0,0%,100%,.6);letter-spacing:2pt}.activity__card__text{text-align:left;padding:10px}.date__text{color:#000;padding:0;font-weight:500}.sub_p,.subtext{letter-spacing:1pt}.sub_p{font-size:smaller;color:rgba(0,0,0,.5);padding:0;margin-bottom:3px}.act__btn__ctn{display:flex;justify-content:flex-start;align-self:end;margin:10px 0}.act__btn__ctn button{flex:0.25 1;cursor:pointer;border:0;border-radius:4px;background-color:transparent;font-family:"Roboto",sans-serif;letter-spacing:1pt;font-size:16px;font-weight:500;color:#2e4dff;padding:4px 8px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .25s ease-in-out}.act__btn__ctn button:hover{box-shadow:0 7px 14px rgba(0,0,0,.25),0 5px 5px rgba(0,0,0,.22)}.request__list__item{padding:1em;background-color:#fff;display:flex;flex-direction:row;border-radius:3px;align-items:center;cursor:pointer;box-shadow:0 7px 14px rgba(0,0,0,.12),0 5px 5px rgba(0,0,0,.24);transition:all .25s ease-in-out}.request__list__item:hover{box-shadow:0 14px 28px rgba(0,0,0,.12),0 10px 10px rgba(0,0,0,.24)}.request__list__item:hover h2{color:rgba(0,37,204,.89)}.request__list__item__text{text-align:left;flex:3 1}.icon__ctn{padding:2px;flex:1 1;font-family:"Roboto",sans-serif;color:rgba(0,0,0,.6);letter-spacing:1pt;font-size:smaller;display:flex;flex-direction:column}.request__list__item__text h2,.request__list__item__text p{padding:0;margin:0;font-family:"Roboto",sans-serif;letter-spacing:1pt;display:block;text-overflow:ellipsis;transition:all .25s ease-in-out}.request__list__item__text h2{color:#000;font-size:16px;font-weight:500;letter-spacing:1pt;font-family:"Montserrat",sans-serif}.request__list__item__text p{font-size:smaller;font-weight:500;color:rgba(0,0,0,.6)}.icon{font-size:24px}.approved{color:#43a047}.pending{color:#455a64}.card__header{text-align:left;display:flex;grid-gap:8px;gap:8px;align-items:baseline;background-color:#2e4dff;border-radius:4px;padding:8px}.card__header span{flex:0.5 1}.card__header label{color:rgba(255,255,255,84%)}hr.inset__divider{margin:auto;border-width:1px 0;box-shadow:inset 0 -1px 0 0 #afbcc6}h2.activity__title{display:inline}h2.card__title{letter-spacing:1pt;color:#000}h2.card__title,p.card__title{font-family:"Roboto",sans-serif;font-size:18px;font-weight:500}p.card__title{letter-spacing:2pt;color:#fff;margin:0}.info__ctn{margin:4px 0}.req__btn__ctn{display:flex;justify-content:flex-start}.req__btn__ctn button{flex:0.25 1;cursor:pointer;border:0;border-radius:4px;background-color:transparent;font-family:"Roboto",sans-serif;letter-spacing:1pt;font-size:16px;font-weight:500;color:#2e4dff;padding:4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .25s ease-in-out}.req__btn__ctn button:hover{box-shadow:0 7px 14px rgba(0,0,0,.25),0 5px 5px rgba(0,0,0,.22)}.card__ctn{text-align:left;margin-top:5px;margin-bottom:7px;padding:4px}.user__icon{flex:0.5 1;font-size:36px;color:rgba(255,255,255,84%);align-self:center}p.card__info{font-size:16px;font-family:"Roboto",sans-serif;letter-spacing:1pt;color:#000;margin:0;font-weight:400}p.date{text-align:center;border-radius:8px;font-weight:500;color:hsla(0,0%,100%,.96);padding:4px;background-color:#2e4dff;flex:0.25 1;margin:4px 0;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.expanded__request{background-color:#fff;position:relative;max-width:320px;min-width:300px;top:25vh;height:500px;padding:12px;border-radius:4px}.expanded__request label{display:block;font-family:"Roboto",sans-serif;letter-spacing:1pt;font-size:12px}
/*# sourceMappingURL=main.9880ae0c.chunk.css.map */