:root{--blue: RGB(2, 40, 81);--white: RGB(255, 250, 250);--yellow: RGB(255, 194, 10);--bar-size: 15%;font-family:sans-serif}*{font-family:aileron}.Page-Container{background-color:var(--white);width:100%;height:100%;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;position:absolute}.Main-Page-Bar{background-color:var(--white);width:100%;height:var(--bar-size);display:grid;grid-template-columns:10% 30% 12% 12% 12%;grid-template-rows:100%;column-gap:2%;align-items:center;justify-content:center;color:var(--blue)}.Main-Page-Bar>img{height:100%;object-fit:contain}.Main-Page-Content{width:100%;height:200%;background-color:var(--white);display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:hidden}.Main-Page-Image{height:60%;width:100%;object-fit:fill}.Main-Page-Welcome-Text-Box{width:50%;height:30%;background-color:var(--blue);border-radius:20px;margin-top:-6%;margin-left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}.Main-Page-Footer{width:100%;height:40%;background-color:var(--blue)}#Bar-Title{-webkit-user-select:none;user-select:none;font-size:1.5rem;color:var(--blue);padding-top:0;height:80%;display:flex;justify-content:center;align-items:center;border-radius:10px;margin-top:10%}@font-face{font-family:aileron;src:url(./aileron_0102/Aileron-Regular.otf)}::-webkit-calendar-picker-indicator{filter:invert(1)}.Groups-Page-Container{background-color:var(--blue);width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column}.Groups-Create-Bar{height:10%;width:100%;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding-left:2%;padding-right:2%;background-color:var(--darkBlue)}.Groups-Create-Bar>button{background-color:var(--yellow);width:20%;height:70%;color:var(--darkBlue);font-size:1rem}.Groups-Buttons-Container{width:100%;height:calc(100% - var(--bar-size) - 10%);background-color:var(--blue);display:grid;grid-template-columns:repeat(auto-fill,20%);grid-template-rows:repeat(auto-fill,20%);row-gap:3%;column-gap:2%;justify-content:space-around;padding-top:1%;overflow-y:scroll;padding-bottom:2%}.Groups-Button,.Groups-Button:focus{background-color:var(--white);outline:none;border:0;border-radius:8px;display:flex}.Groups-Button-Icon{background-color:var(--white);width:30%;font-size:5rem;display:flex;justify-content:center;align-items:center;border-radius:8px}.Groups-Button-Description{background-color:var(--white);width:70%;display:grid;grid-template-columns:100%;grid-template-rows:30% 20% 20% 20%;padding-left:2%;border-top-right-radius:8px;border-bottom-right-radius:8px;border-left-style:solid;border-left-color:var(--blue);justify-content:start;align-items:left;color:var(--blue)}.Groups-Popup-Container{width:100%;height:100%;position:absolute;top:0;display:flex;justify-content:center;align-items:center}.Groups-Popup-Window{width:50%;height:75%;background-color:var(--white);border:none;outline:none;border-radius:10px;box-shadow:0 0 10px 10px var(--yellow);z-index:10}.Groups-Popup-Info{width:98%;height:20%;display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(2,50%);text-align:center;margin-bottom:2%}.Groups-Popup-Button-Container{width:100%;height:10%;display:flex;justify-content:space-around}.Groups-Popup-Close-Button{width:30%;height:100%;background-color:var(--yellow);color:var(--blue);outline:none;border:none}.Groups-Create-Group-Popup-Window{height:80%;width:30%;background-color:var(--white);border-radius:10px;display:grid;grid-template-rows:10% 80% 10%;border:solid 2px black}.Groups-Create-Group-Title{border-bottom:1px solid var(--yellow);display:flex;justify-content:center;align-items:center}.Groups-Create-Group-Dropdowns{width:100%;height:100%;background-color:var(--white);display:grid;grid-template-areas:"group group" "event event" "city city" "location location" "people people" "time1 time2" "pad pad";box-sizing:border-box;padding-left:2%}.Groups-Create-Group-Buttons{display:flex;justify-content:space-around;align-items:center}.Groups-Create-Group-Buttons>div{width:35%;height:75%;display:flex;align-items:center;justify-content:center;color:var(--blue );font-size:1.25rem;border-radius:5px;background-color:var(--yellow)}.Groups-Create-Group-Select-Container{background-color:var(--white);height:100%}.Groups-Create-Group-Selects{width:90%;height:50%;background-color:var(--white);color:var(--blue);border-radius:5px;border-style:solid;border:1px solid var(--blue);overflow-y:scroll;z-index:10}.Groups-Popup-Users{width:100%;height:50%;box-sizing:border-box;padding:2%;display:flex;flex-direction:column;background-color:var(--white);border-top:solid 1px var(--blue);border-bottom:solid 1px var(--blue);margin-bottom:3%}.Groups-Create-Group-Location-Container,.Groups-Create-Group-Location{background-color:#000}.Groups-Popup-Users>div{background-color:var(--white);display:flex;margin-bottom:2%;border-bottom:solid 1px var(--blue);padding-bottom:1%}.Groups-Popup-Button-Error{height:5%;display:flex;justify-content:center;align-items:center}#Popup-Text{color:var(--blue);font-size:1.5rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--blue: RGB(2, 40, 81);--white: RGB(255, 250, 250);--yellow: RGB(255, 194, 10);--darkBlue: RGB(1, 22, 46);--bar-size: 15%;font-family:sans-serif}::-webkit-scrollbar{display:none}.Accounts-Page-Container{background-color:var(--blue);width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;overflow-y:scroll}.Accounts-Login-Container{width:100%;height:calc(100% - var(--bar-size));display:flex;justify-content:center;align-items:center}.Accounts-Login{background-color:var(--yellow);height:80%;width:35%;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Accounts-Login-Input{height:10%;width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;box-sizing:border-box;margin-bottom:2%;padding:2% 4% 2% 5%;color:var(--blue)}.Accounts-Login-Input>input{background-color:var(--white);border:0;border-radius:5px;height:75%;width:60%;color:var(--blue)}.Accounts-Login>button{background-color:var(--blue);width:50%}