html,body,#root{width:100%;height:100%;margin:0;padding:0}#content{display:flex;height:100%;width:100%}header{height:100px;width:100%;padding:20px 0;border-bottom:1px solid black}header h1{line-height:60px;text-align:center}#menu{width:240px;height:100%;margin-left:10px;border-right:1px solid #000;padding-top:15px}#menu span{display:block;padding:5px;cursor:pointer}#menu span:hover{color:#f07c7c}#menu span.now_show{color:red}#show_content{height:100%;width:100%;padding:20px 50px}#show_content .title{font-size:40px}#show_content #text_block{padding-top:20px}#show_content #text_block .textarea{width:100%}#city_list{width:200px;text-align:center;line-height:40px;font-size:25px}.title{display:block;text-align:center}#todo_add{width:100%;height:60px;margin-bottom:30px}#todo_add input{width:80%;box-sizing:border-box;height:80%;margin-right:10px;font-size:20px}#todo_add button{width:9%;height:80%}#todo_table{width:90%;border-collapse:collapse}#todo_table th{border:1px solid black;padding:5px}#todo_table td{border:1px solid black;height:60px;min-width:70px;text-align:center}#todo_table td button{margin:10px}#todo_table .edit_todo_input{width:90%;height:60%;border-top:none;border-left:none;border-right:none;text-align:center;font-size:20px;font-weight:700}#ttt_table{margin:auto}#ttt_table .border_bottom{border-bottom:1px solid black}#ttt_table .border_right{border-right:1px solid black}#ttt_table td{width:150px;height:150px;cursor:pointer;text-align:center;font-size:70px}.restart_btn{height:50px;width:100px;cursor:pointer}html,body{width:100%;height:100%}