@charset "UTF-8";body{margin:0;padding:0;background-color:#d3d3d3}.navbar{background-color:#fff;display:flex;justify-content:center;align-items:center;height:50px}.navbar a{font-size:16px;color:#000;text-align:center;text-decoration:none;padding:10px 20px;transition:background-color .3s;position:relative}.dropdown{position:relative;display:inline-block}.dropdown .dropbtn{font-size:16px;border:none;outline:none;color:#000;background-color:inherit;font-family:inherit;margin:0;padding:10px 20px;text-decoration:none;cursor:pointer;transition:background-color .3s}.dropdown .dropdown-symbol:after{content:"\25bc";margin-left:5px}.dropdown-content{display:none;position:absolute;background-color:#fff;z-index:1;width:200px}.dropdown-content table{width:100%;padding:0}.dropdown-content table tr{justify-content:space-between;align-items:center}.dropdown-content a{color:#000;padding:12px 8px;text-decoration:none;display:block;text-align:left;flex:1;transition:background-color .3s}.dropdown-content th{color:#000;text-align:left;padding:12px 8px;flex:1}.navbar a:hover,.dropdown:hover .dropbtn{background-color:#898787}.dropdown-content a:hover{background-color:#868484}.dropdown:hover .dropdown-content{display:block}.logo{width:50px;height:auto}form{margin:20px;font-family:Arial,sans-serif}input[type=text],input[type=number]{padding:10px;margin-bottom:15px;margin-left:5px;width:200px;border:1px solid #ccc;border-radius:4px}input[type=number]{width:130px}