*,*::before,*::after{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;}
body{margin:0;font-family:"Times New Roman";line-height:1.6;display:flex;flex-direction:column;min-height:100vh;color:#123456;font-size:18px;}
header{background:#ffffff;color:#123456;padding:0px 0;text-align:left;}
.logo{font-size:36px;padding-left:20px;padding-top:10px;color:#123456;}
.ind20{text-indent:20px;}
.ind50{text-indent:50px;}
nav{background:#123456;color:#ffffff;text-align:center;padding:5px 0;}
nav ul{margin:0;padding:0;list-style:none;display:flex;justify-content:center;}
nav ul.active{display:block;}
nav ul li{margin-bottom:5px;}
nav ul li a{color:#ffffff;text-decoration:none;padding:5px 10px;background-color:#123456;display:block;}
nav ul li a:hover{background-color:#456789;}
.container{width:90%;margin:auto;overflow:hidden;flex:1;}
.main{padding:10px 0;}
footer{background:#123456;color:#ffffff;text-align:center;padding:5px;flex-shrink:0;font-size:16px;}

@media screen and (min-width:769px)
{
.menu-toggle{display:none;}
nav ul{display:flex !important;}
nav ul li{display:inline;margin-bottom:0;margin-right:20px;width:150px;}
}

@media screen and (max-width:768px)
{
nav ul{display:none;}
.menu-toggle{display:block;text-align:right;padding:10px;cursor:pointer;font-size:24px;color:#ffffff;}
.menu-toggle:hover{background:#123456;color:#ffffff;}
.menu-toggle.active + nav ul{display:flex;flex-direction:column;align-items:center;color:#ffffff;}
nav ul li{margin-bottom:10px;}
}