.header{width:100%;height:50px;display:flex;justify-content:space-between;align-items:center}.header_container{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;text-wrap:nowrap;padding:8px;margin:0 auto}.button_container{display:flex;justify-content:flex-end;align-items:center;width:100%}.logo{width:35px}.title{font-size:1.5rem;line-height:2rem}.menu{width:100%;height:50px;background-color:#22333c}.menu_nav{width:100%;display:flex;align-items:center;justify-content:center;margin:0 auto}.menu_top{width:250px;height:50px;border-style:solid;border-left-width:1px;border-right-width:1px;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:50px;transition-duration:.25s}.menu_top:hover{cursor:pointer;background-color:#6e7373}.menu_item{width:250px;height:50px;border-style:solid;border-right-width:1px;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:50px;transition-duration:.25s}.menu_item:hover{cursor:pointer;background-color:#6e7373}.menu_list{width:250px;height:50px;border-style:solid;border-right-width:1px;color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:50px;transition-duration:.25s;position:relative;display:inline-block}.menu_list_item{position:absolute;left:0;top:100%;width:250px;background:#22333c;border:1px solid #ccc;box-shadow:2px 2px 5px #0003;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.menu_list:hover{background-color:#6e7373;cursor:pointer;opacity:1;visibility:visible}.menu_list:hover .menu_list_item{opacity:1;visibility:visible}.menu_list_item li{cursor:pointer}.menu_list_item li:hover{background-color:#6e7373}.main{overflow:auto;padding:12px;width:100%;height:calc(100vh - 150px)}.main_container{width:100%;margin:0 auto}.footer{display:flex;justify-content:center;align-items:center;width:100%;height:50px;background-color:#22333c}.copyright{color:#fff}@media screen and (min-width: 1536px){.header_container,.menu_nav,.main_container{width:66%}}