* {box-sizing: border-box;}
body {font-family: "MS-gothic", sans-serif; width:740px; margin:10px; margin-left: auto; margin-right:auto; background:#fffff3}
.header {overflow: hidden; background-color: #8cffff; text-align:center;}
.topnav { overflow: hidden; background-color: #e9e9e9; padding: 0 10px;}
.topnav a { float: left; display: block; color: black; text-align: center; padding: 10px 16px; text-decoration: none; font-size: 17px;}
.topnav a:hover {background-color: #0ff; color: black;}
.topnav a.active {background-color: #2196F3; color: white;}

.topnav1 { overflow: hidden;}
.topnav1 a { float:left; display: block; color: black; background-color:#fd3; text-align: center; padding: 5px 8px; text-decoration: none; font-size: 17px; border: 1px solid #000;}
.topnav1 a:hover {background-color: #0ff; color: black;}
.topnav1 a.active {background-color: #2196F3; color: white;}

.footer {overflow: hidden; background: #8ff;}

@media screen and (max-width: 600px) {
  .topnav .search-container {float: none;}
  .topnav a {float: none; display: block; text-align: left; width: 100%; margin: 0px; padding: 10px;}
/*  .topnav1 a {float: left; display: block; text-align: left; width: 100%; margin: 0px; padding: 10px;} */
}
a {text-decoration: none;}

.ka {padding:7px 10px; margin:8px; background-color:#ffff00; border:1px solid #000; border-radius:2px; box-shadow: 1px 2px 2px #ddd; font-size:20px;}
.line {line-height:38px;}
p {padding-left:10px; }

.wordbreak {overflow: visible; white-space: normal;}
  a:link {font-family: MS Gothic,sans-serif;}