.login-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{margin:0;color:var(--c-1)}.box{width:80%;margin:5%;padding:2%;border:2px solid;border-radius:20px;outline:none;color:var(--c-3);background-color:var(--bgc-2)}.submit-button{padding:2%;background-color:var(--bgc-2);border:2px solid;border-radius:20px}.submit-button:hover{color:var(--c-2);border-color:var(--c-2)}.textarea-container{width:100%;height:90%;background-color:var(--bgc-1);max-width:600px;display:flex;justify-content:center;flex-direction:row}.textarea-border{border:2px solid var(--c-1);background-color:var(--bgc-2);width:80%;border-radius:30px;margin:2%;padding:0}.custom-textarea{color:var(--c-3);background-color:var(--bgc-2);margin:2% 5% 0;white-space:pre-wrap;outline:none;height:10vh;overflow:auto}.button{color:var(--c-1);border:2px solid var(--c-1);padding:2%;margin:2%;background-color:var(--bgc-2);border:2px solid;border-radius:20px}.button:hover{color:var(--c-2);border:2px solid var(--c-2)}.cut{border-top:2px solid var(--c-1);padding-top:5%}.responsearea-container{width:100%;height:100%;display:flex;justify-content:center}.responsearea{color:var(--c-3);width:100%;margin:2% 5%;overflow:auto;max-width:600px;white-space:pre-wrap;word-wrap:break-word}.h80{flex:9;margin:0;padding:0;overflow:auto}.h20{flex:1;margin:0;padding:0;align-items:center}.m-2{margin:2%}.m-tb-5{margin-top:5%;margin-bottom:5%}:root{--c-1: #eb4747;--c-2: #5ce700;--c-3: #000000;--bgc-2: #e7e4e4;--bgc-1: #cacaca}.c-1,.bdc-1{border-color:var(--c-1)}.c-2{border-color:red}.c-3{border-color:var(--c-3)}*{box-sizing:border-box}html,body{width:100%;background-color:var(--bgc-1);margin:0;padding:0}#root{display:flex;height:100vh;margin:0;padding:0;flex-direction:column}.p-2{padding:2%}.row{display:flex;justify-content:center;flex-direction:row}.column{display:flex;justify-content:center;flex-direction:column}.flex-2{flex:2}.flex-8{flex:8}