@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);html{font-size:62.5%}*,:after,:before,html{box-sizing:border-box}:where(p,span,h1,h2,h3,h4,h5,h6,a,li,ul,ol,button,input,textarea){margin:0}:where(a,button){color:#000;cursor:pointer;text-decoration:none}:where(button,input,textarea){border:none;margin:0;outline:none;padding:0;-webkit-user-select:none;user-select:none}body{background-color:#fff;font-family:Roboto,sans-serif;font-size:1.6rem;overflow-x:hidden;overflow:auto;padding:0}.header{background:linear-gradient(90deg,#d61717,#ff6b00 99.5%);height:10rem;left:0;padding-left:4rem;position:fixed;top:0;width:100%;z-index:1}.header h1{color:#fff;font-size:4rem;line-height:10rem;margin:0}@media(max-width:768px){.header{height:8rem;padding-left:2rem}.header h1{font-size:2.5rem;line-height:8rem}}@media(max-width:486px){.header{display:none}}.logo{align-items:center;display:none;height:10rem;justify-content:center;margin-top:20px;width:100%}.logo img{width:80%}.main{height:calc(100dvh - 10rem);margin-top:10rem;overflow:auto;width:100dvw}.main,.main .inputForm{align-items:center;display:flex;justify-content:center}.main .inputForm{border-radius:1rem;box-shadow:0 0 15px 0 #a2a2a24d;flex-direction:column;height:60rem;width:60rem}.main .inputForm .inputBox table{border-collapse:initial;border-spacing:0 4rem;height:100%;width:100%}.main .inputForm .inputBox table tr td:first-child{color:#262626;font-size:2rem;font-weight:700;padding-right:1rem;text-align:right}.main .inputForm .inputBox table tr td:last-child{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.main .inputForm .inputBox table tr td:last-child span{color:#d61717;font-size:1rem;font-weight:700}.main .inputForm .inputBox table tr td input{border:1.5px solid #0000004d;border-radius:1rem;font-size:1.6rem;padding:10px 8px;width:38rem}.main .inputForm .inputBox table tr td textarea{border:1.5px solid #0000004d;border-radius:1rem;font-size:1.6rem;height:15.5rem;overflow:auto;padding:10px 8px;width:100%}.main .inputForm .inputBox table tr:last-child td:first-child{padding-top:1rem;text-align:right;vertical-align:top}.main .inputForm .submitBtn button{background:#d61717;border-radius:10rem;box-shadow:5px 5px 10px 0 #0000004d;color:#fff;font-size:2.4rem;font-weight:700;height:5.5rem;width:20rem}.main .inputForm .submitBtn button:hover{background:red}.main .completeDisplay{align-items:center;border-radius:1rem;box-shadow:0 0 15px 0 #a2a2a24d;display:flex;flex-direction:column;height:60rem;justify-content:center;width:60rem}.main .completeDisplay h3{color:#262626;font-size:3.2rem;font-weight:700;padding:1rem}@media screen and (max-width:486px){.logo{display:flex}.main{height:auto;margin-top:0;overflow:hidden}.main .inputForm,.main .inputForm .inputBox,.main .inputForm .inputBox table{height:100%;width:100%}.main .inputForm .inputBox table tr td:first-child{font-size:1.6rem}.main .inputForm .inputBox table tr td input,.main .inputForm .inputBox table tr td textarea{font-size:1.6rem;width:90%}.main .inputForm .submitBtn{align-items:center;display:flex;justify-content:center;width:100%}.main .inputForm .submitBtn button{box-shadow:none;font-size:2rem;height:5.5rem;width:15rem}.main .completeDisplay{box-shadow:none;height:100%;margin-top:10rem;width:100%}.main .completeDisplay h3{font-size:2.4rem}}.container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-bottom:5rem;margin-top:10rem;width:100%}.container .surveyAnswerBox{align-items:flex-start;border:1.5px solid #a3a3a3;border-radius:1rem;display:flex;height:auto;justify-content:space-between;margin-top:2rem;position:relative;width:90%}.container .surveyAnswerBox .box{bottom:0;height:auto;min-height:15rem;position:absolute;top:0;width:24rem}.container .surveyAnswerBox .box .action{align-items:center;border-bottom-left-radius:1rem;border-right:1.5px solid #a3a3a3;border-top-left-radius:1rem;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:absolute;top:0;width:4rem}.container .surveyAnswerBox .box .action button{background-color:#fff;height:5rem;width:4rem}.container .surveyAnswerBox .box .studentInfo{align-items:flex-start;border-right:1.5px solid #a3a3a3;bottom:0;display:flex;flex-direction:column;justify-content:flex-start;left:4rem;padding:10px;position:absolute;top:0;width:20rem}.container .surveyAnswerBox .box .studentInfo .studentName{font-size:1.5rem;height:auto;width:100%}.container .surveyAnswerBox .box .studentInfo .createdDate,.container .surveyAnswerBox .box .studentInfo .studentClass,.container .surveyAnswerBox .box .studentInfo .studentId{font-size:1.5rem;height:auto;margin-top:1rem;width:100%}.container .surveyAnswerBox .box .studentInfo span{font-size:1.5rem;font-weight:600;margin-right:1rem}.container .surveyAnswerBox .message{height:auto;max-height:30rem;min-height:15rem;overflow:auto;padding:10px;position:relative;width:calc(100% - 24rem)}.container .checked{border:1.5px solid #a3a3a3;color:#a3a3a3}@media screen and (max-width:480px){.container{margin-top:5rem;padding:0 1rem}.container .surveyAnswerBox{height:auto;width:100%}.container .surveyAnswerBox .box{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:12rem}.container .surveyAnswerBox .box .action{border:none;flex-direction:row;height:auto;justify-content:space-between;margin-top:1rem;position:relative;width:10rem}.container .surveyAnswerBox .box .action button{height:4rem;width:4rem}.container .surveyAnswerBox .box .studentInfo{border:none;left:0;position:relative;width:100%}.container .surveyAnswerBox .box .studentInfo span{margin-right:0}.container .surveyAnswerBox .bar{background-color:#a3a3a3;bottom:0;left:12rem;position:absolute;top:0;width:1.5px}.container .surveyAnswerBox .message{left:0;position:relative;width:calc(100% - 12rem)}}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
/*# sourceMappingURL=main.4f5762ae.css.map*/