.table-container{position:relative;top:25px}.td{max-width:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.head{background-color:#3f4e4f}.head th{color:#fff}.head th:nth-child(4){background-color:#333}.mui-btn{right:2px}.form>b{position:relative;bottom:-15px;left:1vw}.title{left:2vw;width:25vmax}.textarea{left:2vw;width:45vmax;height:50px;top:10px}.logout-button{top:20px;width:85px;right:20px;padding:7px 20px}.write-button{left:3vw;top:10px;height:30px}.search{bottom:10px;right:20px;width:110px}.pages{text-align:center;padding-left:0}.page-btn{top:20px;margin-left:10px!important;margin-bottom:10px!important}html{background-color:#e7ebf0;display:flex;justify-content:center;align-items:center;min-height:100vh}button{border:none}a{text-decoration:none}.view{position:relative;width:40vmax;height:58vh;border:3px solid teal;bottom:12vh}.view-count{float:right;margin-top:2px;margin-right:25px}.view .view-boundary{border:1px solid black;margin-bottom:2px}.view-text{position:relative;word-break:break-all;height:32vh;font-size:15px;overflow:auto}.view-text>textarea{resize:none;width:39vmax;height:43vh;border:2px solid rgb(99,110,110)}.back-button{top:-45px;left:-5px}.private-button>button:nth-of-type(1){color:#000;background-color:#66bfbf;position:absolute;top:-45px;right:93px;padding:3px 5px}.private-button>button:nth-of-type(2){color:#000;background-color:#898aa6;position:absolute;top:-45px;right:-2px;padding:3px 5px}.good-bad{position:absolute;top:61vh;left:13vmax;font-size:30px}.good{color:#6a5acd;position:absolute}.bad{color:tomato;position:absolute;left:11vmax}.reply{position:relative;top:28vh}.reply .text-input{position:relative;left:0px;width:40vmax}.reply .add-reply{position:absolute;display:inline-block;right:-2px;top:61px;font-size:12px;height:25px}.reply-list{position:relative;bottom:-11vh;width:40vmax;padding:3px;border:2px solid rgb(94,72,72)}.reply-list .reply{position:relative;width:30vmax;top:0px;font-size:15px}.reply>textarea{resize:none;width:27vmax;border:1px solid rgb(99,110,110)}.reply-list>div{position:relative;word-break:break-all}.reply-list .userId{font-size:12px;padding-top:5px;color:#7a6464}.reply-list .update-icon{position:absolute;top:1px;right:35px;font-size:1.5rem;color:#2f31bb}.reply-list .remove-icon{position:absolute;top:1px;right:5px;font-size:1.5rem;color:#ba3636}.reply-list .reply-boundary{border:1px solid gray;width:40vmax;margin-bottom:2px;margin-left:-3px}.login{position:relative;right:2.5vw;bottom:10vw}.login h3{font-size:25px}.login input{width:200px;height:30px;margin:3px}.login .button{padding:10px}.login .login-button{background-color:#71c9ce;color:#000;position:relative;left:220px;bottom:70px}.login .signup-button{background-color:#93b5c6;position:relative;left:15px;bottom:35px}.login .anonymous-button{color:#87ceeb;background-color:#252a34;position:relative;width:90px;left:40px;bottom:35px}.eye{display:inline-block;position:relative;font-size:30px;right:82px;bottom:37px}.eye:hover{color:red}.sign-up{position:relative;bottom:10vw}.sign-up h3{font-size:30px}.sign-up input{width:300px;height:40px;margin:5px}.sign-up .button{background-color:#c9ccd5;position:relative;top:13px;left:23px;padding:10px 100px}