#root{max-width:1280px;text-align:left;font-family:Roboto,Segoe UI,Helvetica Neue,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2.5rem;color:#333}a{color:#007bff;text-decoration:none;font-weight:500;transition:color .3s ease,font-weight .3s ease}a:hover{color:red}body{margin:0;display:flex;place-items:top;min-width:320px;min-height:100vh;background-color:#1a1a1a;color:#fff}button{border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#fff;cursor:pointer;transition:border-color .25s;z-index:1001;color:#000}button:hover{background-color:#555;color:#fff;border-radius:8px}button:focus,button:focus-visible{outline:none;background-color:#777}label{font-size:.9em;font-weight:800;color:#333}select{padding:.5em;margin:10px;font-size:.8em;font-weight:500;font-family:inherit;border-radius:8px;border:3px solid transparent;color:#000;cursor:pointer;border:1px solid #ccc}select:hover{border-radius:8px}input[type=text],input[type=password],input[type=email],input[type=file],input[type=number]{padding:.5em;margin:10px;font-size:.8em;font-weight:500;font-family:inherit;border-radius:8px;border:1px solid #888;color:#000;cursor:pointer}.display{display:block;width:100vw;max-width:1280px;min-width:320px;margin:0 auto;box-sizing:border-box}.logo-container{display:flex;align-items:center}.app-logo{width:100px;height:auto}.useraccount-container{display:flex;align-items:center;justify-content:flex-end;min-width:180px}.app-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:100vw;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;width:100%}.footer{display:flex;width:100%;min-width:320px;font-size:smaller;justify-content:space-between;align-items:center;color:#8b8a8a;margin-top:2rem}.answer-container{display:flex;flex-direction:column;width:400px;height:100%;padding:20px}.browse-questions-container{margin:0 auto;width:100vw;height:90vh;padding:20px}.questions-table{width:80%;max-width:980px;min-width:320px;margin:0 auto 20px;border-collapse:collapse}.question-details{width:90vw}.question-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:100%;min-width:320px;height:100%;padding:20px 0;box-sizing:border-box;background:transparent}.message-container{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;min-width:320px;max-width:1280px;overflow-y:auto;font-size:.7em;font-weight:400;padding:50px}.half-message{width:50%;display:inline-block;vertical-align:top;padding:10px;box-sizing:border-box}.current-time{position:fixed;top:10px;right:10px;background-color:#000000b3;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8em}.logo{width:100px;height:auto;margin-left:20px;margin-top:-50px;z-index:1002}.qr-ref{margin-top:.2rem;text-align:center}.qr-ref button{width:250px;cursor:pointer;font-size:.9em}.admin-container{display:block;align-items:center;width:100vw;height:100vh;padding:20px}.admin-header{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;padding:20px;gap:20px;margin-top:20px;color:#fff}.menubar{display:flex;justify-content:center;align-items:center;padding:12px;position:fixed;top:0;left:175px;width:80;z-index:1000}.menubutton{color:#fff;background-color:transparent;border:none;font-size:.8em;margin:0 6px;cursor:pointer;transition:color .3s ease}.menubar button:focus{outline:none;background-color:#777}.menubutton{width:100x}.menu-dropdown{position:absolute;top:100px;left:100px;background-color:transparent;box-shadow:none;border-radius:8px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.spinner{display:flex;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:56px;height:56px;border:16px solid #ccc;border-top:16px solid #888;border-radius:50%;animation:loading 3s linear infinite}.inplace-spinner{display:flex;height:25px;width:25px;z-index:1000;border:8px solid #ccc;border-top:8px solid #888;border-radius:50%;animation:loading 3s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.bold{font-weight:700}.v-small{font-size:.5em;margin-top:10px}.small{font-size:.7em;margin-top:10px}.left-gap{margin-left:1rem}.right-gap{margin-right:1rem}.top-gap{margin-top:1rem}.top-gap-big{margin-top:2rem}.bottom-gap{margin-bottom:1rem}.red{color:red}.green{color:green}.black{color:#000}.bgBlack{background-color:#1a1a1a}.bgWhite{background-color:#fff}.blue{color:#00f}.yellow{color:#ff0}.purple{color:purple}.white{color:#fff}.medium-switch{display:flex;flex-direction:row;gap:1rem}.disclaimer{font-size:10px;color:#888;font-weight:400;margin-bottom:20px}.new-line{display:flex;flex-direction:column;gap:10px}.choose-file{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10px}.onTop{position:fixed;display:block;z-index:2500}.fullwidth{width:90%}.hamburger{display:none}.menubar-buttons{display:flex}.menubar-buttons.collapsed{display:none}@media (max-width: 600px){.hamburger{display:inline-block;font-size:2em;cursor:pointer;margin-right:10px}.menubar-buttons{display:none}.menubar-buttons:not(.collapsed){display:flex;flex-direction:column;width:100%;background:#333;position:absolute;top:48px;left:0;z-index:1001}.menubar-buttons.collapsed{display:none}}table{width:auto;font-size:14px;text-align:left;margin:0 auto;color:#1a1a1a}th,td{padding:6px 8px;border:1px solid #ccc}tbody tr:nth-child(2n){background-color:#f7f7f7}tbody tr:nth-child(odd){background-color:#fff}th{background-color:#444;color:#fff}tbody tr:hover{background-color:#eaeaea}thead{background-color:#333;color:#fff}.null-margin-top{margin-top:0!important}.borderless-table{border:none!important;border-collapse:collapse!important}.word-cloud{display:flex;justify-content:center;align-items:center;position:relative;margin-top:20px;height:300px;width:100%}.close-button{position:absolute;top:10px;left:10px;border:none;cursor:pointer;z-index:2500;width:200px!important;padding:5px}.modal{display:block;position:fixed;z-index:1500;left:50%;top:50%;transform:translate(-50%,-50%);width:90vw;max-width:600px;min-width:280px;max-height:90vh;overflow:auto;background-color:#fff;color:#000;margin:0;padding:5vw 4vw;border-radius:10px;box-shadow:0 5px 15px #0000004d}.confirm-deletion{display:block;position:fixed;z-index:2000;left:50%;top:50%;transform:translate(-50%,-50%);width:70vw;max-width:800px;min-width:280px;max-height:70vh;overflow:auto;background-color:#fff;color:#000;margin:0;padding:5vw 4vw;border-radius:10px;box-shadow:0 5px 15px #0000004d}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100vw;margin:0;padding-top:40px;background:transparent}.login-header{font-size:1.5em;font-weight:700;text-align:center}.details-form{display:flex}.login-form{width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.5rem;background-color:#fff;padding:2rem;border-radius:8px;border:1px solid #ccc;box-shadow:0 4px 8px #0000004d;z-index:99;margin:0 auto}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.details-form-group{display:flex;flex-direction:column}.form-group-button{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;margin-top:1rem;margin-bottom:1rem}.login-form button,.login-form .form-group-button button{width:100%;min-width:120px;margin:0 auto;box-sizing:border-box}.login-form button+button{margin-top:1rem}.password-reminder{position:relative;font-size:12px;color:#ccc;top:-15px}.slider-container{position:relative;margin-bottom:40px}.slider-labels{display:flex;justify-content:space-between;position:absolute;left:0;right:0;top:-15px;width:100%;pointer-events:none;z-index:1}.slider-label{flex:1;color:#555;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slider-input{margin-top:30px}.add-question-form{width:100%;max-width:600px;margin:40px auto;padding:60px;border:1px solid #ccc;border-radius:8px;background:#fff}.nocursor{pointer-events:none}.add-answer-form,.get-question-form{width:90%;max-width:1280px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background:#fff}.add-question-form h2{margin-bottom:1.5rem}.add-question-form-group{margin-bottom:16px}.another-question{width:100%;padding:10px;font-size:1em;margin-top:10px}.add-question-label{display:block;margin-bottom:4px;font-weight:600}.ask-question-label{display:block;margin-bottom:10px;margin-top:20px;font-weight:600;color:#fff}.add-question-input,.add-question-textarea,.add-question-select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc;font-size:1em;background:#f5f5f5;box-sizing:border-box}.add-question-textarea{resize:vertical}.add-question-actions{display:flex;justify-content:space-between;gap:10px}.add-question-button{width:90%;min-width:120px;margin:0 auto;box-sizing:border-box}.character-count{position:relative;float:right;font-size:.5em;color:#888;margin-top:-10px}.question-details-column{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.question-details-display{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:left;width:100vw;height:100vw;padding:20px;z-index:2000;background-color:#1a1a1a}.question-details-display button,.question-details button{z-index:2500;width:300px}.response-switch{position:fixed;top:20px;right:10px;margin-top:20px}.search-container{display:flex;flex-direction:wrap;position:relative;top:20px;width:100%;max-width:1000px;align-items:center;gap:1rem;margin-bottom:1rem}.search-input{padding:.5rem;border-radius:4px;width:200px;border:1px solid #ccc}.search-results{font-size:.9rem;font-weight:700;color:#a09f9f}.responses-container{padding:20px}.responses-grid{margin-top:100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.response-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #dbd6d64d;color:#000;padding:20px;text-align:left;opacity:0;animation:fadeIn 0s ease forwards}.timestamp{font-size:.8em;color:#888;position:relative;top:-25px;left:0}.response-text{position:relative;top:-35px;left:0;font-size:1.2em;font-weight:700;margin-bottom:10px}.qr-and-shortcode{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.qr-code{margin-bottom:10px}.response-shortcode{font-size:1em;text-align:center;margin-bottom:10px}.question-text{font-size:2em;text-align:center;margin-bottom:20px;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile{display:flex;flex-direction:row;width:100%;padding:20px}.profile-picture{display:block;margin:0 auto;height:60px;border-radius:12%}.profile-picture-large{display:block;margin:10px auto 0;height:200px;border-radius:12%}.image-question{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}.question-text-image{display:flex;flex-direction:column;align-items:center;font-size:2em;font-weight:700;margin-bottom:10px;width:100%}.question-image-container{display:flex;flex-direction:column;align-items:left;width:50%;max-width:400px;margin-right:20px}.question-picture{flex-shrink:0;max-width:300px;border-radius:12%}.edit-details-buttons{display:flex;flex-direction:row;gap:10px;width:400px;margin-bottom:10px}.userdetails-container{border:0px solid rgba(255,255,255,.096);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;z-index:1001}.showUserDetails-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto;padding:20px;max-height:90vh;position:fixed;z-index:3500;left:50%;top:50%;transform:translate(-50%,-50%);width:80vw;max-width:60vw;min-width:280px;background-color:#fff;color:#000;margin:30px;border-radius:10px;box-shadow:0 5px 15px #0000004d;font-size:.8em}.showUserDetails-container input[type=text],.showUserDetails-container input[type=file],.showUserDetails-container input[type=email]{width:100%;padding:.5rem;margin:.5rem 0;border-radius:4px;border:1px solid #ccc;font-size:1em}.details-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.popularity-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px}.popularity-container table{border-collapse:collapse}.powerpoint-download{max-width:1280px;margin:40px auto 0;padding:32px 24px;color:#fff}.powerpoint-download .ital{font-style:italic;color:#b0b0b0;font-size:larger}.ppt1{display:block;max-width:100%;height:auto;margin:18px auto 28px;border-radius:8px;box-shadow:0 2px 12px #0000002e;cursor:pointer;transition:transform .2s}.ppt1:hover{transform:scale(1.03);box-shadow:0 4px 24px #00000040}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:3000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:fadeIn .2s}.lightbox-image{max-width:90vw;max-height:90vh;border-radius:12px;box-shadow:0 8px 32px #00000080;background:#fff;padding:8px;animation:popIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.95);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 600px){#root{background-color:#000}.menubar{flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;padding:.3rem;font-size:.7em;position:fixed;top:0;left:0;width:50%!important;z-index:1000;background-color:#000}.menubutton{text-align:left!important;margin-left:0}.logo{position:fixed;width:80px;right:10px;top:0}.userdetails-container{font-size:.9em;position:absolute;right:0;top:10px}.showUserDetails-container{width:95%;max-width:95%;padding:20px;font-size:.7em;top:50%;left:50%;transform:translate(-50%,-50%)}.question-container{position:relative;width:100%;height:100%;padding:20px;top:20px}.qr-ref{position:relative;top:20px;text-align:center;width:70%}.borderless-table{width:100%!important;border:none!important;border-collapse:collapse!important;margin:0 auto;padding:0}.popularity-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px}.popularity-container table{border-collapse:collapse}.popularity-container tr,.popularity-container tr:hover,.popularity-container th:hover{background-color:inherit!important}.question-image-container{display:flex;flex-direction:column;align-items:center;width:50%;max-width:300px}.question-picture{flex-shrink:0;max-width:250px;border-radius:12%}.question-details-column{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px;gap:20px}.profile{flex-direction:column;align-items:left;margin:0;padding:0}.menubutton{width:100%;text-align:center;margin-bottom:10px}.menubar{position:fixed;top:0;left:0;width:100%;z-index:1000}.profile-picture{height:50px!important;width:auto!important}.menu-dropdown{position:relative;top:auto;left:auto;width:100%;background-color:transparent;box-shadow:none}.modal{width:95vw;max-width:95vw;padding:3vw 2vw;font-size:.9em}.close{position:absolute;top:10px;right:10px;font-size:24px}.message-container{flex-direction:column;position:relative;top:200px;padding:10px}.footer{position:relative;flex-direction:column;align-items:center;font-size:.7em;padding:10px;top:150px}.search-container{top:200px;width:90%;flex-direction:column;margin:0 auto}.browse-questions-container{position:relative;width:90%;padding:0;top:220px;margin:0 auto}.questions-table{position:relative;width:80%;margin:0 auto;padding:0}.half-message{width:100%;padding:5px}.add-question-form{position:relative;width:100%;padding:20px;box-sizing:border-box;top:175px;font-size:.8em}.add-answer-form,.get-question-form{position:relative;width:90%;margin:0 auto;padding:20px;box-sizing:border-box;top:10px;font-size:.8em;background-color:#fff;border-radius:8px}.responses-grid{grid-template-columns:repeat(1,1fr);gap:10px}.response-card{padding:10px}.responses-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:10px}.qr-ref{position:relative;top:175px;text-align:center}.qr-code{margin-bottom:0}.question-text{font-size:1.5em;text-align:center;margin-bottom:10px;width:100%}.response-shortcode{font-size:1em;text-align:center;margin-bottom:10px;width:100%}.answer-container{width:100%;padding:10px;box-sizing:border-box;margin-top:75px}.add-question-label{font-size:1.2em;text-align:center;margin-bottom:10px}.add-question-input{width:100%;font-size:1em;padding:10px}.add-question-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}.add-question-button{width:80%;padding:8px;font-size:.8em}.character-count{font-size:.7em;text-align:center;margin-top:-20px}.display-question-button{display:none}.header{flex-direction:column;align-items:center;gap:10px}.header img{width:100px;height:auto}.header button{width:100%;font-size:1em}.showUserDetails-container{width:95%;max-width:95%;padding:20px;font-size:.9em;top:50%;left:50%;transform:translate(-50%,-50%)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;padding-top:40px;background:transparent;width:80%}.login-form{width:90%;padding:10px;border-radius:8px;background-color:#fff;box-shadow:0 4px 8px #0000004d;z-index:99;margin:0 auto;font-size:.8em}.hamburger{display:inline-block;font-size:2em;cursor:pointer;margin-right:10px}}.answered-message{background-color:#f8f8f8;border-radius:8px;border-left:5px solid #4caf50;padding:20px;margin:20px 0;box-shadow:0 2px 4px #0000001a;text-align:center}.answered-message h2{color:#4caf50;margin-top:0}.answered-message p{color:#333;margin-bottom:0}.slider-container{margin:20px 0;width:100%;max-width:600px}.slider-labels{display:flex;justify-content:space-between;margin-bottom:10px;padding:0 10px}.slider-label{font-size:.9rem;color:#666;text-align:center;flex:1}.slider-input{margin:10px 0}
