:root{--font1a: "Rubik";--font1b: "sans-serif";--font2a: "Rubik Moonrocks";--font2b: "sans-serif";--main-bg-color: #fffdf8;--dark-font-color: #2f2d24;--light-font-color: #b7a99a;--event-border-color: #d4cebe;--message-color: #7fd1ae;--message-color2: #f79250;--text-outline-color: #e5c2b6;--fun-accent-color: #e8ad9a;--submit-button-color: #839de7;--button-color-2: #4c3836;--button-color-3: #a26863}*{padding:0;margin:0}#root{margin:0;padding:0;background-color:var(--main-bg-color)}.App{text-align:center;font-family:var(--font1a),var(--font1b);color:var(--dark-font-color);background-color:var(--main-bg-color);font-weight:300;margin:0;padding:0;height:100%}.hider{display:none}.msg{margin:.8rem 1rem 1rem;color:var(--message-color);font-size:1rem}.msg a{color:var(--message-color)}.user-created-message{border:.2rem double var(--message-color);border-radius:.5rem;padding:1rem;margin:1rem;max-width:40rem}.header{background-color:#efe3df;background-color:#ebe7dc}.header-top{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid thin var(--dark-font-color)}.header .title{padding:.6rem;margin-left:1rem;font-size:1.4rem;font-family:var(--font2a),var(--font2b);text-decoration:none;color:var(--dark-font-color)}.login-link{padding:.6rem 1rem .6rem .6rem;font-size:1rem;font-family:var(--font1a),var(--font1b);font-weight:600;text-decoration:none;color:var(--dark-font-color)}.logout{padding:.6rem 1rem .6rem .6rem;font-size:1rem;font-family:var(--font1a),var(--font1b);font-weight:600;text-decoration:none;color:var(--dark-font-color);cursor:pointer}.nav{padding:1rem 0rem}.nav ul{text-align:left;margin-left:0;display:flex;list-style-type:none;font-size:.8rem;margin-top:.2rem;justify-content:space-evenly;flex-wrap:wrap;max-width:25rem}.nav li{padding:.5rem .8rem .5rem 0rem}.nav a{color:var(--dark-font-color);font-family:var(--font1a),var(--font1b);font-weight:400;text-decoration:none}.forgot-pw-link{cursor:pointer;padding:.8rem;color:var(--light-font-color);border:thin solid #ede9e0;max-width:10rem;border-top-right-radius:1.2rem;border-bottom-right-radius:1.2rem}.home{text-align:center;margin:0}.home img{width:100vw;height:auto;max-width:150rem}.Calendar{position:relative;background-color:var(--main-bg-color);border:solid thin transparent;max-width:90rem;margin-bottom:.4rem}.Calendar-Header{display:flex;flex-direction:row;justify-content:center;padding-top:1.5rem;font-size:1.3rem;font-weight:300}.month-year-display{padding-left:2rem;padding-right:2rem;width:10rem;text-align:center}.change-month-arrow{cursor:pointer}.Calendar-Main{border-radius:.3rem;border:solid thin black;margin:.4rem}.Calendar-Days{display:grid;grid-template-columns:repeat(7,1fr);justify-content:space-between;background-color:#dac3b2;list-style-type:none}.Calendar-Days li{text-align:center;padding:.8rem 0rem .6rem;border-left:solid thin grey;border-right:solid thin grey;font-weight:600}.Calendar-Grid{display:grid;grid-template-columns:repeat(7,1fr);height:100%;position:relative;margin-left:auto;margin-right:auto;list-style-type:none}.calendar-day-link{text-decoration:none}.calendar-day{border:solid thin grey;padding:.1rem;height:4rem;color:var(--light-font-color)}.calendar-day ul{list-style-type:disc;list-style-position:inside}.calendar-day li{font-size:min((.2rem + .8vw),.85rem);color:var(--button-color-3)}.calendar-day p{font-size:min((.2rem + .8vw),.85rem);background-color:#eeeae4;color:var(--button-color-3)}.calendar-day:hover{border:solid thin var(--fun-accent-color);background-color:#e8e7e4}.events{margin-left:.5rem}.events h2{font-size:1.3rem;color:var(--dark-font-color);padding:1rem .5rem 2rem 0rem}.events-list{list-style-type:none;margin-bottom:.8rem;margin-right:.8rem}.events-list li{margin-top:.5rem}.show-new-event-form{color:var(--button-color-2);font-weight:500;text-align:center;font-size:1.2rem;padding:.6rem .5rem;cursor:pointer;border:thin var(--button-color-2) solid;border-radius:1.2rem;width:12rem;margin-top:2rem;margin-bottom:1rem}.show-new-event-form:hover{box-shadow:0 8px 16px #0003}.events form{margin-left:0rem}.event{color:var(--dark-font-color);background-color:var(--main-bg-color);width:99%}.event-title{cursor:pointer;background-image:linear-gradient(to right,var(--event-border-color),var(--fun-accent-color));border:none;border-top-left-radius:.6rem;border-top-right-radius:.6rem;padding:.2rem 1rem;display:flex;flex-direction:row;justify-content:space-between}.event-details{border:thin var(--event-border-color) solid;border-bottom-left-radius:.2rem;border-bottom-right-radius:.2rem;margin-bottom:1rem;border:thin solid var(--fun-accent-color);border-top:thin solid transparent}.event-details table{width:94%;margin-left:.6rem;margin-top:.3rem;border-collapse:collapse;text-align:left;font-size:.8rem;border:transparent}.event-details td{border:solid thin #ddd4ca;padding:.2rem}.info-for-participants{border-bottom:thin var(--event-border-color) solid;padding-bottom:1rem;padding-left:.6rem;padding-right:.4rem}.info-for-participants p{width:94%}.ifp-heading{margin-top:.8rem;margin-bottom:.4rem;color:#9a83a6;color:#c88892;font-size:1rem}.event-participants{border-bottom:thin var(--event-border-color) solid;padding-bottom:1rem}.event-participants p{margin-left:.6rem;margin-top:.8rem;color:#c88892;font-size:1rem}.event-participants table{width:94%;margin-left:.6rem;margin-top:.3rem;border-collapse:collapse;text-align:center;font-size:.6rem}.event-participants td{border:solid thin #ddd4ca;padding:.2rem}.event-participants .remove-participant{font-size:.8rem;cursor:pointer}.event-join{margin-left:.6rem}.event-delete .submit{margin:1rem;padding-top:.4rem;padding-bottom:.4rem;border:solid thin var(--submit-button-color);border-radius:.4rem;width:7rem;font-size:1rem;color:var(--main-bg-color);align-self:left;cursor:pointer;background-color:var(--submit-button-color)}.event-msg{margin:.8rem 1rem 1rem;color:var(--message-color2);font-size:1rem}.event-edit{margin:0rem 1rem 1rem;padding-top:.4rem;padding-bottom:.4rem;border:solid thin var(--submit-button-color);border-radius:.4rem;width:7rem;font-size:1rem;text-align:center;color:var(--submit-button-color);align-self:left;cursor:pointer;background-color:var(--main-bg-color)}.event-leave .submit{margin:1rem;padding-top:.4rem;padding-bottom:.4rem;border:solid thin var(--submit-button-color);border-radius:.4rem;width:7rem;font-size:1rem;color:var(--submit-button-color);align-self:left;cursor:pointer;background-color:var(--main-bg-color)}.event .form{margin-left:.8rem}.my-events{color:var(--dark-font-color);margin-left:.5rem;margin-top:.8rem}.my-events .t1{color:#b28497;color:#dbbf9e;font-size:1.4rem;border-bottom:.4rem double #dbbf9e;margin-bottom:1.7rem;width:calc(99% - .8rem)}.my-events .t2{font-size:1.2rem}.my-events ul{margin-bottom:1rem}.past-events{margin-bottom:1.5rem;cursor:pointer}.past-events .t2{text-decoration:underline;text-decoration-color:var(--light-font-color);text-decoration-thickness:1px}.update-password{border:solid thin var(--fun-accent-color);border-radius:.4rem;width:88%;margin-bottom:1.5rem;padding-top:.8rem;padding-bottom:.8rem;padding-left:1rem}.update-password p{cursor:pointer}.update-password form{margin-bottom:0rem;margin-left:0rem}.admin-panel{border-bottom:thin var(--dark-font-color) solid;padding-bottom:1rem;margin-bottom:.8rem;margin-right:.8rem}.admin-t2{font-size:1.2rem;border:thin solid var(--dark-font-color);border-radius:.4rem;padding:.8rem 0rem .8rem 1rem;margin-left:0rem;margin-right:.8rem;margin-bottom:.2rem}.admin-panel p{margin-left:.8rem;margin-top:.8rem;color:#c88892;color:var(--light-font-color);font-size:1.1rem}.admin-panel table{width:90%;max-width:60rem;margin-left:.5rem;margin-top:.3rem;border-collapse:collapse;text-align:center;font-size:.6rem}.admin-panel td{border:solid thin #b7a99a;padding:.2rem .5rem}.admin-panel .td-admin-click{cursor:pointer;background-color:#e8e1d9}.form{max-width:20rem;text-align:left;font-family:var(--font1a),var(--font1b);margin:.9rem 1rem 1.5rem;display:flex;flex-direction:column;align-content:space-around}.form h2{font-size:1.4rem;font-style:italic;padding-bottom:.5rem;color:var(--dark-font-color)}.form label{color:var(--dark-font-color);font-size:.9rem}.form input{margin-bottom:1rem;background-color:var(--main-bg-color);border:solid 1px lightgrey;border-radius:.2rem;padding:.5rem;font-size:.9rem}.form textarea{margin-bottom:.8rem;background-color:var(--main-bg-color);border:none;border:solid 1px lightgrey;border-radius:.2rem;padding:.5rem;font-size:.9rem}.form .submit{margin-top:1.2rem;padding-top:.4rem;padding-bottom:.4rem;border:solid thin var(--submit-button-color);border-radius:.4rem;width:6rem;font-size:1.1rem;color:var(--submit-button-color);align-self:left;cursor:pointer}.form .passwordAndEye{max-width:20rem;border:solid 1px lightgrey;border-radius:.2rem}.form .passwordInput{width:calc(100% - 3.5rem);border:none;padding:.5rem;margin-bottom:0rem}.form .passwordEye{cursor:pointer;padding-left:.5rem;padding-bottom:0rem}.aboutUs{padding:.8rem;text-align:justify}.aboutUs h2{padding-bottom:.6rem}.aboutUs p{font-weight:300;font-size:1.1rem;padding-bottom:1rem;width:95%;max-width:55rem}.aboutHS{padding:.8rem;text-align:justify}.aboutHS h2{padding-bottom:.6rem}.aboutHS p{font-weight:300;font-size:1.1rem;padding-bottom:1rem;width:95%;max-width:55rem}.aboutHS a{color:#c88892}.become-member .form p{margin-bottom:.8rem;color:var(--light-font-color)}.footer{display:flex;align-items:center;justify-content:space-between;padding:2rem;background-color:#b8b4a9;color:var(--dark-font-color);margin-top:-4px}.footer img{width:2rem;height:auto}.footer p{font-size:.8rem}@media screen and (min-width: 400px){.header .title{font-size:1.6rem}.nav ul{font-size:.9rem;max-width:28rem;text-align:left;margin-left:1rem}.form,.form .passwordAndEye{max-width:22rem}.Calendar-Main{margin:.6rem}.event-details table{font-size:.9rem}.event-participants table{font-size:.8rem}.my-events{margin-left:.8rem}.update-password{width:90%}.admin-panel table{font-size:.6rem}.footer p{font-size:.9rem}}@media screen and (min-width: 500px){.msg{font-size:1.1rem}.form,.form .passwordAndEye{max-width:28rem}.form label,.form input,.form textarea{font-size:1rem}.update-password{width:93%}.admin-panel table{font-size:.8rem}.calendar-day{height:4.2rem}.calendar-day ul{padding-left:.2rem}.event-details td{padding:.3rem}.event-participants .remove-participant{font-size:1rem}}@media screen and (min-width: 700px){.header-top{padding-right:calc(100vw - 60rem)}.login-link{font-size:1.1rem}.nav ul{font-size:1.1rem;text-align:left;margin-left:1rem}.form,.form .passwordAndEye{max-width:30rem}.calendar-day{height:4.5rem}.events{margin-left:.8rem}.events-list li{margin-top:.6rem}.event{width:90%;max-width:46rem}.event-details table{font-size:1rem}.ifp-heading,.event-participants p{font-size:1.1rem}.event-participants table{font-size:1rem}.my-events .t1{width:calc(90% - .8rem);max-width:46rem}.update-password{width:85%;max-width:45rem}.admin-panel table{font-size:.9rem}.admin-panel td{padding:.2rem .7rem}.footer p{font-size:1rem}}@media screen and (min-width: 1000px){.header .title{font-size:2.2rem}.form,.form .passwordAndEye{max-width:35rem}.calendar-day{height:5rem}.admin-panel table{font-size:1rem}.admin-panel td{padding:.2rem .8rem}}body{margin:0}