body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Sitka,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}@font-face{font-family:Sitka;src:local("Sitka"),url(/static/media/sitka-small-815.00c2745579f3b7e4408a.ttf) format("truetype")}.Login-Entire-Component{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;height:100vh;width:100%}.App-link{height:15vh;margin:0}@media (min-width:1200px){.Login-Page{background-color:#fce9dc;box-shadow:3px 3px 10px #000;flex-basis:41.666667%;max-width:66.666667%}.Login-Image,.Login-Page{box-sizing:border-box;flex-direction:row;flex-grow:0;margin:0}.Login-Image{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-basis:58.333333%;max-width:58.333333%}.Kakilang-Login-Logo>img{zoom:120%;border-radius:0;margin:3vh}}.Login-window{overflow:auto}.Kakilang-Registration-Logo>img{border-radius:0}.Kakilang-Registration-Logo{height:10vh}.Login-window h1{font-size:calc(10px + 6vmin)}.Login-window>i{font-family:Roboto}.Login-window>i>a{color:#fb7f4b;font-weight:bolder;text-decoration:none}.File-Input{align-items:center;display:flex;height:100%;justify-content:center;margin:0;padding:0}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}@media (min-width:0px){.Login-Page{background-color:#fce9dc;box-shadow:3px 3px 10px #000;flex-basis:100%;max-width:100%;overflow:auto}.Login-Image,.Login-Page{box-sizing:border-box;flex-direction:row;flex-grow:0;margin:0}.Login-Image{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-basis:0%;max-width:58.333333%}.Kakilang-Login-Logo>img{zoom:190%;border-radius:0;margin:0}}@media (min-width:600px){.Login-Page{box-shadow:3px 3px 10px #000;flex-basis:66.666667%;max-width:66.666667%}.Login-Image,.Login-Page{box-sizing:border-box;flex-direction:row;flex-grow:0;margin:0}.Login-Image{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-basis:33.333333%;max-width:33.333333%}.Kakilang-Login-Logo>img{zoom:160%;border-radius:0;margin:1vh}}@media (min-width:1200px){.Login-Page{background-color:#fce9dc;box-shadow:3px 3px 10px #000;flex-basis:41.666667%;max-width:66.666667%}.Login-Image,.Login-Page{box-sizing:border-box;flex-direction:row;flex-grow:0;margin:0}.Login-Image{background-position:50%;background-repeat:no-repeat;background-size:cover;flex-basis:58.333333%;max-width:58.333333%}.Kakilang-Login-Logo>img{zoom:130%;border-radius:0;margin:3vh}}.Login-window{background-color:#fce9dc;color:#53012c;font-size:calc(2px + 4vmin);height:100vh}.Login-window>form{margin-bottom:0!important}.Kakilang-Login-Logo{height:20vh}.Login-window h1{font-size:calc(10px + 3vmin);margin:3vh}.Login-window form{border:none;border-radius:4px;margin-bottom:4vh;outline:none}.Login-window input{background-color:#fce9dc;font-family:roboto;font-size:calc(2px + 3vmin);margin:.5vh;max-height:20vh;overflow:hidden}.Login-window input,.Login-window input.submit{border:none;border-radius:4px;box-shadow:0 4px 20px 0 transparent;color:#53012c;font-weight:400;line-height:normal;outline:none;position:relative}.Login-window input.submit{font-size:calc(2px + 2vmin);height:6vh;padding:0;width:10vw}.placeholder-holder{display:grid;grid-template-columns:1fr 1fr 4fr;height:100vh;max-height:100vh}.event-creation-component{background-color:#fce9dc;border:.3vh solid #53012c;box-shadow:0 10px #000;box-sizing:border-box;height:100vh;max-width:66.67vw;overflow:auto}.event-edit-title{margin:0}.event-details-input{max-height:94vh;overflow:auto}.event-input-field{color:#53012c;font-family:roboto;font-weight:700;margin:1vh}.event-details-title{background-color:#fb7f4b;border-bottom:.6vh solid #f9c2a4;font-size:clamp(1vw,30px,5vh);height:6vh;margin:auto}.input-name{border:.3vh solid #000;border-radius:20px;box-shadow:0 .3vh 1vh #000;margin-top:1vh;max-width:66vw;padding:1vh}.input-name:hover{border:.5vh solid #fb7f4b;border-radius:10px;box-shadow:0 .6vh 2.5vh #fb7f4b;transition:.3s}.input-description{border:.3vh solid #000;border-radius:20px;box-shadow:0 .3vh 1vh #000;margin-top:1vh;max-width:66vw;padding:1vh}.input-description:hover{border:.5vh solid #fb7f4b;border-radius:10px;box-shadow:0 .6vh 2.5vh #fb7f4b;transition:.3s}.input-date-time>label>input{border:.3vh solid #000;border-radius:20px;box-shadow:0 .3vh 1vh #000;margin-top:1vh;max-width:66vw;padding:1vh}.input-date-time>label>input:hover{border:.5vh solid #fb7f4b;border-radius:10px;box-shadow:0 .6vh 2.5vh #fb7f4b;transition:.3s}.input-image>input{background-color:#fff;border:.3vh solid #000;border-radius:20px;box-shadow:0 .3vh 1vh #000;margin-top:1vh;max-width:66vw;padding:1vh}.input-image>input:hover{border:.5vh solid #fb7f4b;border-radius:10px;box-shadow:0 .6vh 2.5vh #fb7f4b;transition:.3s}.preview-image>img{border-radius:0;margin:1vh}.submit-button{background-color:#fb7f4b;border-bottom:.5vh solid #991c2e;border-radius:30%;font-weight:700;margin-bottom:4vh;padding:1vw}.submit-button:hover{background-color:#f9c2a4;border-bottom:.5vh solid #991c2e;border-radius:20%;font-weight:bolder;padding:1.2vw;transition:.2s}.submit-button:active{background-color:(232,193,130,1)}.delete-button{background-color:#f20d0d;border-bottom:.5vh solid #991c2e;border-radius:30%;color:#fce9dc;font-weight:700;margin-bottom:4vh;padding:1vw}.delete-button:hover{border-radius:20%;font-weight:bolder;padding:1.2vw;transition:.2s}.editing-box-component{display:grid;grid-template-columns:16.67fr 16.67fr 66.66fr}.filler{background-color:#adff2f;height:100vh;width:16.67vw}.editing-box{align-items:center;background-color:#fce9dc;border:3px solid #53012c;display:flex;flex-direction:column}.imagePreview{border-radius:10%;box-shadow:10px 9px 15px #000;margin:1vh auto 2vh;max-height:15vh;max-width:15vh}.editing-box>h1{background-color:#f9c2a4;box-shadow:2px 3px 10px #000;color:#53012c;font-weight:700;height:7vh;margin:0 .5vh .5vh;padding:1vh;width:100%}.editing-box>FormControl>TextField{height:93vh;max-width:66vw}.profile-info-input{height:91vh;overflow:auto}.Logout{border-bottom:3px solid #d1b06f;border-radius:30%;box-shadow:0 3px #d1b06f;font-size:22px;line-height:70px;margin:auto;max-height:10vh;max-width:8.3vw;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:.2vh;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Logout:hover{border-bottom:3px solid #a27d33;border-radius:40%;box-shadow:0 5px 10px #a27d33;padding:.3vh;-webkit-transform:translateY(-3px);transform:translateY(-3px);transition:.2s}.Logout>p{align-items:center;display:flex;font-size:clamp(10px,20px,2.2vh);justify-content:center;margin-bottom:0;max-height:inherit}::-webkit-scrollbar-track{background:green}.sidebar{background-color:#f9c2a4;border:.3vh solid #53012c;box-sizing:border-box;color:#ffebcd;display:grid;grid-template-rows:3fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr 2fr;height:100vh;left:0;max-height:100vh;max-width:16.67vw;overflow:auto;position:relative;width:100%}.sidebar-logo-logout{display:grid;grid-template-columns:1fr 1fr;margin:.3vw;max-height:15vh}.sidebar-header-title{align-items:center;display:flex;justify-content:center;margin:auto;max-height:5vh}.sidebar header{color:#faebd7;font-size:22px;line-height:70px;text-align:left;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar-header-title>img{border-radius:0}.create-event-component{align-items:center;background-color:#fce9dc;display:flex;justify-content:center;margin:auto;max-height:9vh;max-width:16.67vw;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}.create-event-button{border:clamp(.8vh,5px,1vh) double #53012c;box-shadow:0 4px 6px #000;box-sizing:border-box;height:clamp(4vh,-webkit-fit-content,5vh);height:clamp(4vh,-moz-fit-content,5vh);height:clamp(4vh,fit-content,5vh);min-height:6vh;width:10vw;width:clamp(-webkit-fit-content,10vw,16.67vw);width:clamp(-moz-fit-content,10vw,16.67vw);width:clamp(fit-content,10vw,16.67vw)}.create-event-button:hover{background-color:#fb7f4b;border:clamp(.8vh,5px,1vh) double #a27d33;font-weight:700;transition:.2s}.create-event-button:active{background-color:#991c2e;color:#fce9dc;font-weight:700}.create-event-button>p{align-items:center;color:#53012c;display:flex;font-size:clamp(2px,20px,2.8vh);justify-content:center;margin:auto}.create-event-button>p:active{color:#fce9dc}.create-event-component>i{font-size:clamp(2px,20px,2.8vh)}body{font-family:sans-serif;font-size:22px}.list-component{max-height:100vh;max-width:16.67vw}.filter-component{max-height:14vh}.filter-options{background-color:#fb7f4b;border:1px solid #53012c;border-radius:25%;box-shadow:3px 2px 5px;margin:0;max-height:5vh;padding:0}.filter-options:hover{background-color:#53012c;color:#fce9dc;transition:.4s}.list-of-people{display:block;max-height:85vh}.list-of-people>ul>li>a>img{margin-right:5px;max-width:25%;padding-right:3px}.list-of-people>ul{list-style:none;overflow:auto;padding:0}.list-of-people>ul>li{width:100%}#list_of_people{background-color:#fce9dc}.list-of-people>ul{margin:0;max-height:85vh}.list-of-people>ul>li>a{background-color:#f9c2a4;border-bottom:3px solid #000;border-radius:10px;border-top:4px solid hsla(0,0%,100%,.3);box-sizing:border-box;color:#53012c;display:block;font-size:20px;margin:5px 12px;padding-bottom:20px;padding-top:20px;text-decoration:none;transition:.2s}.list-of-people>ul>li>a:hover{background-color:#fb7f4b}.list-of-people>ul>li>a:active{background-color:#991c2e}.list-of-people>ul>li>a:focus{background-color:#100708}.group-name{background-color:#991c2e;block-size:6vh;border:3px solid #53012c;border-radius:20px;color:#fce9dc;max-height:10vh;overflow:auto}.event-container{background-color:#ffe897;display:grid;grid-template-rows:3fr 7fr;height:100vh}.event-poster-image>img{border-radius:0;max-height:30vh}.event-overview{background-color:#fce9dc;border-top:5px solid #f8d8c3;border-top-left-radius:30px;border-top-right-radius:30px;box-shadow:3px 3px 10px;margin-left:0;margin-top:10px;max-height:70vh;overflow:auto;padding-left:5%;padding-top:10px;text-align:left}.event-divider{margin:0;padding-left:0}.event-title{color:#53012c;display:grid;font:italic small-caps 700 30px sans-serif;grid-template-columns:8fr 1fr}.event-edit-button{background-color:#f9c2a4;border:none;border-bottom:3px solid #991c2e;border-radius:20px;box-shadow:0 3px 7px;font:normal small-caps 700 20px sans-serif;margin-right:10%;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.event-edit-button:hover{background-color:#fce9dc;border:none;border-bottom:3px solid #fb7f4b;border-radius:20px;box-shadow:0 3px 7px;color:#000;-webkit-transform:translateY(-8px);transform:translateY(-8px);transition:.3s}.event-edit-button:active,.event-edit-button:focus{background-color:#fb7f4b;border:none;border-bottom:3px solid #991c2e;border-radius:20px;box-shadow:0 3px 2px;color:#fce9dc;transition:.3s}.event-date,.event-time{font:italic normal 700 22px sans-serif;margin:2px 2px 2px 0}.event-overview-header{font:normal normal normal 18px sans-serif;margin:10px 10px 10px 0}.event-details{overflow:auto}.container{font-family:sans-serif;height:100vh;letter-spacing:.5px;margin:0 auto auto}img{border-radius:50%;max-height:14vh;max-width:100%}.msg-header{background-color:#991c2e;border:2px solid #530e18;border-bottom:none;display:grid;grid-template-rows:1fr 8fr 1fr;max-height:10vh;width:100%}.msg-header-components{display:grid;grid-template-columns:1fr 1fr 7fr 2fr 1fr;max-height:100%}.msg-header-img>img{float:left;height:8vh;margin:auto;max-height:10vh;max-width:10vh}.msg-header-padding{max-height:1vh}.active{float:left;width:200px}.active-padding{height:1vh}.active>h4{color:#fff;font-size:20px;margin:none;max-width:100%}.active h6{color:#fff;font-size:10px;line-height:2px}.header-icons>i{float:right;margin:auto;max-height:5vh}.header-icons .fa{color:#fff;cursor:pointer;margin:auto}.chat-page{padding:0}.msg-inbox{background-color:#f9c2a4;border:2px solid #991c2e;height:75vh;overflow:hidden;padding-bottom:20px}.chats{padding:15px 10px 0 15px}.msg-page{height:70vh;overflow-y:auto}.received-chats-img{float:left;height:5vh;width:5vh}.received-msg{display:inline-block;padding:0 0 0 10px;vertical-align:top;width:92%}.received-msg-inbox{max-width:56%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.received-msg-inbox p{background:#53012c none repeat scroll 0 0;border-radius:10px;color:#fff;font-size:14px;margin:0;padding:5px 10px 5px 12px;width:100%}.outgoing-chats-msg>.time{text-align:end}.outgoing-chats-msg>.time,.received-msg-inbox>.time{color:#53012c;display:block;font-size:12px;margin:8px 0 0}.received-msg-inbox>.time{text-align:start}.outgoing-chats-msg{float:left;margin-left:45%;margin-top:10px;width:46%}.outgoing-chats-img{float:right;height:5vh;width:5vh}.next-line{clear:left}.outgoing-chats-msg p{background:#fce9dc none repeat scroll 0 0;border:2px solid #991c2e;border-radius:10px;color:#53012c;font-size:14px;margin-bottom:2px;margin-left:auto;margin-right:0;padding:10px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.msg-bottom{display:grid;grid-template-rows:1fr 1fr 1fr;height:10%;max-height:5vh}.input-group{background-color:#991c2e;border-radius:30px;float:right;margin:auto 20px auto auto;max-height:5vh;outline:none!important;width:61%!important}.form-control{border:2px solid #991c2e;border-radius:20px!important;max-height:5vh}.input-group-text{background:transparent!important;border:none!important;color:#fce9dc;max-height:5vh;padding:auto}.input-group-text .fa{margin-top:5px}.input-group .fa{color:#fff;float:right}.bottom-icons .fa{color:#f9c2a4;padding:5px}.form-control:focus{border-color:#53012c!important;border-radius:20px;box-shadow:none!important}*{border:0;box-sizing:border-box;font-family:sans-serif}.container-profile-page{background-color:#fce9dc;border-left:2px solid #991c2e;box-sizing:border-box;color:#fff;height:100vh;margin:auto;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:66.67vw;position:relative;text-align:center;width:100%}.profile-box{max-height:100vh;overflow:auto}.image-name-box{background-color:#fb7f4b;border-bottom:5px solid #991c2e;border-bottom-left-radius:10%;border-bottom-right-radius:10%;box-shadow:10px 0 20px;color:#53012c;display:grid;font:normal normal 700 30px sans-serif;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-height:50vh;min-width:-webkit-max-content;min-width:max-content;overflow:auto;padding-bottom:3%;padding-top:3%;position:relative;text-align:center;width:100%}.cancel-button{background-color:#41352e}.cancel-button,.edit-button{border-radius:30%;color:#53012c}.edit-button{background-color:#f9c2a4;margin:none;padding:1%}.edit-button:hover{background-color:#991c2e;border:2px solid #53012c;border-radius:10%;color:#fce9dc;transition:.2s}.cancel-button>i{background-color:#41352e;border-radius:50%;color:#53012c;height:30px;margin:auto;width:30px}.major,.year{font:normal normal normal 25px sans-serif}.information-box{color:#53012c;margin:auto;padding:40px 90px;position:-webkit-sticky;position:sticky;text-align:left}.message-button a,.message-button>a:link,.message-button>a:visited{color:#991c2e;text-decoration:none}.message-button>a:hover{-webkit-animation:shake .5s;animation:shake .5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;color:#53012c}.name{margin:auto}.profile-picture{background:hsla(21,88%,81%,.7);border-radius:10%;box-shadow:10px 9px 15px #000;margin:auto}.floor-row,.house-row,.interests-row{font:normal normal normal 20px sans-serif}.floor,.house,.interests{font:normal normal 700 20px sans-serif}@-webkit-keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg) scale(1);transform:translate(1px,1px) rotate(0deg) scale(1)}10%{-webkit-transform:translate(-1px,-2px) rotate(-3deg) scale(1.2);transform:translate(-1px,-2px) rotate(-3deg) scale(1.2)}20%{-webkit-transform:translate(-3px) rotate(3deg) scale(1.4);transform:translate(-3px) rotate(3deg) scale(1.4)}30%{-webkit-transform:translate(3px,2px) rotate(0deg) scale(1.6);transform:translate(3px,2px) rotate(0deg) scale(1.6)}40%{-webkit-transform:translate(1px,-1px) rotate(3deg) scale(1.8);transform:translate(1px,-1px) rotate(3deg) scale(1.8)}50%{-webkit-transform:translate(-1px,2px) rotate(-3deg) scale(2);transform:translate(-1px,2px) rotate(-3deg) scale(2)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg) scale(1.8);transform:translate(-3px,1px) rotate(0deg) scale(1.8)}70%{-webkit-transform:translate(3px,1px) rotate(-3deg) scale(1.6);transform:translate(3px,1px) rotate(-3deg) scale(1.6)}80%{-webkit-transform:translate(-1px,-1px) rotate(3deg) scale(1.4);transform:translate(-1px,-1px) rotate(3deg) scale(1.4)}90%{-webkit-transform:translate(1px,2px) rotate(0deg) scale(1.2);transform:translate(1px,2px) rotate(0deg) scale(1.2)}to{-webkit-transform:translate(1px,-2px) rotate(-3deg) scale(1);transform:translate(1px,-2px) rotate(-3deg) scale(1)}}@keyframes shake{0%{-webkit-transform:translate(1px,1px) rotate(0deg) scale(1);transform:translate(1px,1px) rotate(0deg) scale(1)}10%{-webkit-transform:translate(-1px,-2px) rotate(-3deg) scale(1.2);transform:translate(-1px,-2px) rotate(-3deg) scale(1.2)}20%{-webkit-transform:translate(-3px) rotate(3deg) scale(1.4);transform:translate(-3px) rotate(3deg) scale(1.4)}30%{-webkit-transform:translate(3px,2px) rotate(0deg) scale(1.6);transform:translate(3px,2px) rotate(0deg) scale(1.6)}40%{-webkit-transform:translate(1px,-1px) rotate(3deg) scale(1.8);transform:translate(1px,-1px) rotate(3deg) scale(1.8)}50%{-webkit-transform:translate(-1px,2px) rotate(-3deg) scale(2);transform:translate(-1px,2px) rotate(-3deg) scale(2)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg) scale(1.8);transform:translate(-3px,1px) rotate(0deg) scale(1.8)}70%{-webkit-transform:translate(3px,1px) rotate(-3deg) scale(1.6);transform:translate(3px,1px) rotate(-3deg) scale(1.6)}80%{-webkit-transform:translate(-1px,-1px) rotate(3deg) scale(1.4);transform:translate(-1px,-1px) rotate(3deg) scale(1.4)}90%{-webkit-transform:translate(1px,2px) rotate(0deg) scale(1.2);transform:translate(1px,2px) rotate(0deg) scale(1.2)}to{-webkit-transform:translate(1px,-2px) rotate(-3deg) scale(1);transform:translate(1px,-2px) rotate(-3deg) scale(1)}}.App{height:15vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#fb7f4b;display:flex;flex-direction:column;font-size:calc(10px + 4vmin);justify-content:top;min-height:1vh}.App-header,.App-link{color:#53012c}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{list-style:none;margin:0;padding:0;text-decoration:none}#text_interface{background-color:#f9c2a4}.header-main{display:grid;grid-template-columns:1fr 1fr 4fr}.UI,.header-main,.main-UI{max-height:100vh}#sidebar-component #list_of_people{max-width:16vw}#text_interface{max-width:68vw}.Empty{background-color:#f9c2a4;background-image:url(/static/media/background.4d3a29118fc5bacbae8a.png)}
/*# sourceMappingURL=main.d9edf419.css.map*/