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;display:flex;width:100%;height:100%;background-color:#ffeaad;position:absolute;-webkit-user-select:none;user-select:none;overflow-x:hidden}button{padding:20px;margin:2px;background-color:#b3e099;border-color:#b3e098;transition:background-color .1s ease}button:hover{background-color:#a0c878;border-color:#a0c878;color:#000}.dashboard-container{display:flex;width:100vw;height:100%;flex-direction:column}.inventory-container{display:flex;justify-content:center;gap:20px;margin:20px}.inventory-container img{width:100px}.inventory-icon{position:relative}.fish_icon,.fruit_icon{margin:0}.inventory-container{position:relative}.selected{border:1px solid black;transform:scale(1.1);opacity:1}.unselected{border:1px solid white;opacity:.5}.activity-selector-tree,.activity-selector-fish{width:100px;height:100px;margin:10px;padding:10px}@media (max-width: 900px){button{padding:10px;font-size:.9rem}}.registration-page{background-color:#ffffff80;display:flex;min-height:700px;width:85%;height:80%;margin:auto;font-size:16px}.registration-section{flex-grow:1;min-width:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:60px;position:relative}.image-section{width:800px;max-width:800px;background:url(/assets/church_img-ke_noIzA.jpeg) no-repeat center;background-size:cover}.home-button{position:absolute;left:30px;top:30px}.progress-bar{position:absolute;height:10px;width:100%;top:0;background-color:#fff;border-radius:inherit;box-shadow:0 1px 2px #0000001a}.progress-fill{height:100%;background-color:#76c7c0;border-radius:inherit}.footer{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;color:#fff;padding:1rem;font-size:.875rem;display:flex;justify-content:space-between;align-items:center;z-index:9999;box-shadow:0 -2px 10px #0000004d}.description{padding:0 30px}.termsCheck,.privacyCheck{min-height:20px;min-width:20px;padding:8px;border-radius:8px;line-height:1.5}button{min-height:40px;min-width:80px;padding:10px 20px;border-radius:8px;line-height:1.5;cursor:pointer}.button-container{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;bottom:5vh;right:30px}.confirm-container{width:100%;position:relative;display:inline-block;height:150px;margin-left:100px;margin-top:0;min-height:500px;overflow:scroll}.confirm-inputs-section{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080}.confirm-dialogue{background-color:#fff;padding:60px;border-radius:10px;border:solid black;text-align:center;z-index:2}.confirm-table{height:20%;width:80%;border-collapse:collapse}.confirm-table td{height:10%;vertical-align:middle;text-align:center;border:1px solid #ddd;padding:0% 10px}.edit-img{width:30px;padding:20px}.link{color:#00f;cursor:pointer}@media (max-width: 1200px),(max-height: 700px){.registration-page{display:flex;flex-direction:row;width:100%;height:100%;background:#ffeaad}.registration-section{background-color:#fff;position:relative;margin:auto;width:400px;max-width:400px;min-height:600px;background:#fff;padding:40px;border:1px solid black;border-radius:10px;box-shadow:0 4px 8px #0003;z-index:1}.image-section{width:0px;max-width:800px;background:none}.confirm-container{width:100%;position:relative;display:inline-block;height:150px;margin:0 auto auto}}@media (max-width: 600px){.App{margin:0;padding:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.registration-page{display:flex;flex-direction:column;width:100vw;height:100%;background:#ffeaad;z-index:1}.registration-section{background-color:#fff;position:fixed;min-width:0px;top:0;left:0;width:100vw;height:100%;max-width:100vw;background:#fff;padding:5%;border-radius:0;box-shadow:none;z-index:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box}}.snackbar{position:fixed;bottom:0;left:50%;z-index:3;transform:translate(-50%);background:#fff;color:#000;padding:10px 20px;border:solid black 1px;display:flex;align-items:center;justify-content:space-between;height:50px;box-shadow:0 -2px 10px #0003}.spinner-overlay{top:0;left:0;width:100%;height:100%;background:#0000;display:flex;align-items:center;justify-content:center;z-index:4}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.input-container{position:relative;display:inline-block;width:250px;height:170px;margin:10px}.floating-input{width:100%;padding:15px 10px 5px 12px;font-size:16px;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .2s ease}.otp-input{width:40px;height:40px;margin:5px;align-items:center;justify-content:center;text-align:center;font-size:14px;border:1px solid #ccc}.floating-label{position:absolute;left:10px;top:18%;transform:translateY(-50%);font-size:16px;color:#888;background:#fff;padding:0 4px;transition:.2s ease-in-out;pointer-events:none}.floating-input:focus{border:1px solid blue}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1}.modal-content{background-color:#fff;padding:40px;border-radius:10px;border:solid black}.generate-icon{position:absolute;width:24px;height:24px;top:17%;right:-10px;transform:translateY(-50%);cursor:pointer}.modal-button-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin:10px 0 0}.upload-btn{padding:10px 20px;margin:2px;background-color:#b3e099;border:1px solid #b3e098;border-radius:4px;font-size:14px;cursor:pointer;transition:background-color .1s ease;text-align:center;display:inline-block}.upload-btn:hover{background-color:#a0c878;border-color:#a0c878;color:#000}.consent{text-align:left;height:150px;margin-top:0;margin-bottom:auto;margin-left:10px}.consent label{font-size:14px}.floating-input:focus+.floating-label,.floating-input.has-value+.floating-label{top:14px;left:10px;font-size:12px;color:#007bff;background-color:#fff}@media (max-width: 1024px){.input-container{width:100%;max-width:320px;position:relative;display:inline-block;height:150px;margin-top:0;margin-bottom:auto;margin-left:10px}.floating-input{width:100%;padding:12px;font-size:16px;border:1px solid #ccc;border-radius:5px}.floating-label{position:absolute;left:5%;top:23%;transform:translateY(-50%);font-size:16px;color:#888;background:#fff;padding:0 4px;transition:.2s ease-in-out;pointer-events:none}.floating-input:focus+.floating-label,.floating-input.has-value+.floating-label{top:12px;left:10px;font-size:12px;color:#007bff;background-color:#fff}.generate-icon{position:absolute;width:24px;height:24px;top:20%;right:-10px;transform:translateY(-50%);cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}}@media (max-width:500px){.otp-input{width:30px;height:30px}}.topnav{display:flex;background-color:#0003;height:50px;width:100%;z-index:3;align-items:center}.topnav .app-name,.nav-user-name{color:#fff;width:100px;text-align:center;padding:14px 0;text-decoration:none;font-size:17px}.dropdown-content-visible div:hover,.dropdown-content-visible div.active{background-color:#04aa6d;color:#fff}.app-name,.nav-user-name{margin-left:30px}.avatar{background-color:#0003;width:40px;height:40px;border-radius:50%;margin:3px}.avatar{position:absolute;top:3px;right:10px}.dropdown-content{display:none}.dropdown-content-visible div{float:left;color:#000;width:100px;text-align:center;padding:14px 0;text-decoration:none;font-size:17px}.dropdown-content-visible{display:block;position:absolute;background-color:#fff;right:10px;top:55px;width:100px;border-radius:4px;box-shadow:0 -2px 10px #0003}.avatar:hover{background-color:#fff3}.userHandle{color:#fff}.inventory-container{margin:0}.inventory-container img{width:50px;margin:10px}.inventory-container p{margin:10px}.inventory-container .inventory{background-color:#00000080;color:#fff;top:60px;left:80%;border-radius:0 10px 10px/0px 10px 10px;position:absolute;z-index:1}.disabled{opacity:0}@media screen and (max-width: 900px){.inventory-container{margin:0}.inventory-container .inventory{background-color:#00000080;color:#fff;top:-90px;left:-200px;border-radius:10px 10px 0/10px 10px 0px;position:absolute;z-index:1}.inventory-container p{margin:10px}}