:root{font-family: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}}html,body{margin:0;padding:0;height:100%}.landing{color:#66574e;width:100vw;height:100vh;font-family:Nunito,sans-serif;background:linear-gradient(to bottom,#fffbef,#fff4d1);display:flex;flex-direction:column;align-items:center}.landing-title{padding-top:15%}img{width:50%}.buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:18%;gap:40px}button{width:150px;background-color:#fff;color:#000;border-radius:999px;box-shadow:0 4px 6px #00000080}.app-name{text-align:center;font-weight:800;font-size:50px}.welcome{font-size:30px}.login{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;background:linear-gradient(to bottom,#fffbef,#fff4d1)}.signin-button{width:50%;background-color:#d8f5c2;color:#000;border-radius:999px;box-shadow:0 4px 6px #00000080}.signup{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;background:linear-gradient(to bottom,#fffbef,#fff4d1)}.title{padding:0;margin:0;font-size:200%}.signin-card{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:55%;width:70%;background-color:#fff;color:#66574e;border-radius:10px;box-shadow:0 4px 6px #00000080}input{background-color:#fff;border:none;border-bottom:2px solid rgba(0,0,0,.1);color:#000}.signup-button{width:50%;background-color:#d8f5c2;color:#000;border-radius:999px;box-shadow:0 4px 6px #00000080}.home{height:100vh;width:100vw;background:#fffbef;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom,#fffbef,#fff4d1);z-index:-1}.nav-bar{display:flex;justify-content:space-evenly;align-items:center;margin-top:-20%;width:70%;height:8%;background-color:#d5ebff;border-radius:999px;box-shadow:0 4px 6px #00000080}.broom-button,.calendar-button{background-color:#bee0ff;border:none;box-shadow:none;padding:.5rem;font-size:1.2rem;width:17%;height:80%;color:#000;border-radius:999px}.popuproom{display:flex;flex-direction:row;gap:50px;justify-content:center;align-items:center}.pbutton{padding:0;width:100px;justify-self:flex-end;background:none;box-shadow:none;text-decoration:underline;font-weight:700;font-size:12px}.roommates{display:flex;flex-direction:column;width:80%;height:30%}.roommates-title{font-size:110%;color:#000;align-self:flex-start}.roommates-card{height:100%;background-color:#ffe3f4;border-radius:30px;box-shadow:0 4px 6px #00000080;display:flex;overflow:scroll;border-top:10%;border-bottom:10%}.roommate{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.roommates-list{margin-left:5%;margin-top:5%;align-self:flex-start}.my-chores{padding-top:10%;display:flex;flex-direction:column;width:80%;height:30%}.my-chores-title{font-size:110%;color:#000;align-self:flex-start}.my-chores-card{height:100%;background-color:#d5ebff;border-radius:30px;box-shadow:0 4px 6px #00000080;display:flex;overflow:scroll;border-top:10%;border-bottom:10%}.chores{margin-left:5%;margin-top:5%;align-self:flex-start}.chore-name{color:#000}.chore{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.checkbox{width:20px;height:20px;border:2px solid black;background-color:transparent;cursor:pointer;border-radius:4px;display:inline-block;position:relative}#free{color:green}#dnd{color:#424abb}.icon{color:#000}.home-name{color:#000;padding-top:10%;font-size:150%}.yellow-curve1{width:100%;height:15%;background-color:#fff4d1;border-bottom-left-radius:50px;border-bottom-right-radius:50px;display:flex;justify-content:center;align-items:flex-end;box-shadow:0 4px 6px #0000001a}.background1{height:100vh;width:100vw;background:linear-gradient(to bottom,#fffbef,#fff4d1);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;color:#000}.header1{background-color:#d5ebff;padding:20px 50px;border-radius:999px;box-shadow:0 4px 6px #00000080;font-weight:700;font-size:20px;margin-top:10%}.nerdimg1{width:150px;height:170px;align-self:flex-start;margin-left:20px;padding:0}.housebutton1{border-radius:999px;box-shadow:0 4px 6px #00000080;background-color:#ffdcf2;color:#000;font-weight:700;font-size:20px;text-align:center;padding:5px;width:190px;align-self:center}.buttons1{display:flex;flex-direction:column;align-items:center;color:#000;gap:20px}.campuslabel1{align-self:flex-start;margin-left:10%;margin-top:10px;margin-bottom:5px}.donebutton1{align-self:flex-end;margin-right:7%;margin-top:20px;border-radius:999px;box-shadow:0 4px 6px #00000080;color:#000;background-color:#d8f5c2;font-weight:700;font-size:20px;padding:10px 15px}.background{height:100vh;width:100vw;background:linear-gradient(to bottom,#fffbef,#fff4d1);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;color:#000}.header{background-color:#d5ebff;padding:20px;text-align:center;width:240px;border-radius:999px;box-shadow:0 4px 6px #00000080;font-weight:700;font-size:20px;margin-top:10%}.nerdimg{width:150px;height:170px;align-self:flex-start;margin-left:20px;margin-top:10px}.memberinput{border-radius:999px;box-shadow:0 4px 6px #00000080;background-color:#ffdcf2;color:#000;font-weight:700;font-size:20px;text-align:center;padding:10px;width:240px;align-self:center;display:flex}.inputinput{background-color:#ffdcf2;border:none;font-size:20px;font-weight:700;font-family:Nunito,sans-serif;width:100%;align-self:flex-start;color:#000}.elipses1{align-self:flex-end;margin-right:15px;width:5px;justify-self:center;color:#00000080;background:none;padding:0;box-shadow:none}.donebutton{align-self:flex-end;position:absolute;margin-right:7%;margin-top:20px;border-radius:999px;box-shadow:0 4px 6px #00000080;color:#000;background-color:#d8f5c2;font-weight:700;font-size:20px;padding:10px 15px;bottom:20px}.addedmember{display:flex;flex-direction:row;margin-top:20px;border-radius:999px;box-shadow:0 4px 6px #00000080;color:#000;background-color:#fffbef;font-weight:700;font-size:15px;padding:10px 20px;gap:10px;width:200px}.emailtext{width:100%;overflow:hidden}.hourglass{align-self:flex-end;margin-right:15px;width:5px;justify-self:center;color:orange;background:none;padding:0}.checkmark{align-self:flex-end;margin-right:15px;width:5px;justify-self:center;color:#a5d78e;background:none;padding:0}.invitelist{overflow:scroll;display:flex;flex-direction:column;align-items:center;margin-bottom:100px;padding:10px;margin-top:2px}.invitations-create{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;background:linear-gradient(to bottom,#fffbef,#fff4d1)}img{width:50%;padding:10%}.btn{position:absolute;background-color:transparent;border:none;box-shadow:none;padding:.5rem;font-size:1.2rem;width:15%;color:#000;top:0;left:0}.create-button{background-color:#ffe3f4;width:60%}.invitations{margin-top:20px;display:flex;flex-direction:column;width:80%;height:50%}.invitations-title{font-size:110%;color:#000;align-self:flex-start}.invitations-list{overflow:scroll;display:flex;flex-direction:column;align-items:center;margin-bottom:100px;padding:10px;margin-top:2px}.invite{display:flex;flex-direction:row;border-radius:999px;box-shadow:0 4px 6px #00000080;color:#000;background-color:#fffbef;font-weight:700;font-size:15px;padding:10px 20px;gap:10px;width:200px}.icon{align-self:flex-end;margin-right:15px;width:5px;justify-self:center;color:orange;background:none;padding:0}.invite{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.sender{width:100%;overflow:hidden}.popup-overlay2{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000;color:#000}.popup-content2{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:10px}.eventoption2{padding:0;width:60px}.addeventbutton2{padding:0;background:none;box-shadow:none;position:absolute;width:40px;top:25px;right:10%;font-weight:700;font-size:40px}.eventoptionspan2{display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:center;margin-top:10px}.x-icon{color:red}.check-icon{color:green}.dateheader{margin-top:10%;align-self:flex-start;margin-left:8%;font-size:30px;color:#000;font-weight:700}.datepicker{color:#000;display:flex;flex-direction:row;gap:20px;font-weight:500}.spandate{display:flex;flex-direction:column;align-items:center}.curday{background-color:#fff4d1;border-radius:999px;padding-right:10px;padding-left:10px;align-items:center;display:flex;flex-direction:column}.displaydates{margin-top:20px;display:flex;flex-direction:row;gap:40px;flex-shrink:0;flex-grow:0}.prevButton{background:none;padding:0;box-shadow:none;width:100%}.nextButton{background:none;padding:0;box-shadow:none;width:20px}.nerdimage{width:30%;padding:0;margin-top:10%;margin-right:20%;position:absolute;align-self:flex-end}.timeline{position:relative;flex:1;width:300px;padding:0;margin:0}.eventbubble{position:absolute;background:#d8f5c2;padding:6px 8px;border-radius:6px;box-shadow:0 1px 3px #00000026;width:180px;left:10px;font-size:14px;overflow:scroll}.schedule-container{display:flex;font-family:sans-serif;max-height:360px;overflow-y:auto;padding:0;margin-top:10%}.hours{display:flex;flex-direction:column;text-align:right;font-size:12px;width:40px;padding-right:5px}.hour-label{height:60px;line-height:60px;color:#666}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000}.popup-content{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:300px;align-items:center;justify-content:center;display:flex;flex-direction:column;gap:10px}.eventoption{padding:0;width:60px}.addeventbutton{padding:0;background:none;box-shadow:none;position:absolute;width:40px;top:25px;right:10%;font-weight:700;font-size:40px}.eventoptionspan{display:flex;flex-direction:row;gap:30px;align-items:center;justify-content:center;margin-top:10px}.yellow-curve2{width:100%;height:60%;background-color:#fff4d1;border-bottom-left-radius:50px;border-bottom-right-radius:50px;display:flex;justify-content:center;align-items:flex-end;box-shadow:0 4px 6px #0000001a}.background{height:100vh;width:100vw;background:linear-gradient(to bottom,#fffbef,#fff4d1);display:flex;flex-direction:column;align-items:center;font-family:Nunito,sans-serif;color:#000;z-index:-1}.nerdimg2{width:30%;padding:0;margin-top:10%;margin-right:20%;position:absolute;align-self:flex-end}.my-chores-card2{height:100%;background-color:#d8f5c2;border-radius:30px;box-shadow:0 4px 6px #00000080;display:flex;overflow:scroll;border-top:10%;border-bottom:10%}.my-chores2{display:flex;flex-direction:column;width:80%;height:60%}.yellow-curve3{width:100%;height:15%;background-color:#fff4d1;border-bottom-left-radius:50px;border-bottom-right-radius:50px;display:flex;justify-content:center;align-items:flex-end;box-shadow:0 4px 6px #0000001a}.choresheader{margin-top:10%;margin-bottom:5%;align-self:flex-start;margin-left:8%;font-size:30px;color:#000;font-weight:700}.assigned{margin-bottom:8%}.chore{margin-left:8%}.chore-line{display:flex;align-items:center;gap:.5rem}.x-icon{color:red;font-size:1.2rem;margin-left:8%}.check-icon{color:green;font-size:1.2rem;margin-left:8%}.chore-name-text{color:#000;font-size:1rem}.chores1{width:90%;margin-left:5%}.rotate-button{position:absolute;background-color:transparent;border:none;box-shadow:none;padding:.5rem;font-size:1.2rem;width:15%;color:#000;top:0;right:0}.popup-content select{width:100%;padding:.5rem;margin-top:.5rem;margin-bottom:1rem;font-size:1rem;border-radius:8px;border:transparent;color:#000;background-color:#ffe3f4}.rotatechores-instructions{margin-top:8px}.rotatechores-title{margin-bottom:0}