.topnav{overflow:hidden;}.topnav a{float:left;display:block;color:black;text-align:center;padding:14px 0px;text-decoration:none;font-size:17px;}.topnav a.active{#background-color:#2196F3;color:white;}.topnav input[type=text]{float:right;padding:6px;border:none;margin-top:8px;margin-right:16px;font-size:17px;}@media screen and (max-width:600px){.topnav a,.topnav input[type=text]{float:left;display:block;text-align:left;width:80%;margin:0;padding:14px;}.topnav input[type=text]{border:1px solid #ccc;}}*{box-sizing:border-box;}form.example button{float:right;width:10%;padding:8px;#background:#f7f7f7;color:#fff;font-size:30px;border:none;cursor:pointer;}form.example button:hover{#background:#feca00;}form.example::after{content:"";clear:both;display:table;}