body { margin: auto; } nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; } nav li { float: left; } nav li a { display: block; color: #9d9d9d; text-align: center; padding: 14px 16px; text-decoration: none !important; } .active, nav li a:hover, .dropdown:hover .dropbtn { background-color: #111; color: white; } .drop { float: left; overflow: hidden; } .drop .dropbtn { border: none; outline: none; color: #9d9d9d; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .drop:hover .dropbtn, .dropdown-content a:hover { color: white; background-color: #111; } .drop:hover .dropdown-content { display: block; } table { border-spacing: 0; border-collapse: collapse; } .font25 { font-size: 25px; } @media screen and (max-width: 600px) { nav li a, .drop .dropbtn { font-size: 16px; padding: 8px 8px; } } @media screen and (max-width: 400px) { nav li a, .drop .dropbtn { font-size: 14px; padding: 6px 6px; } } main { padding: 10px 20px; } .feature li {padding-bottom: 8px;} .summary strong {font-size: 20px;} .summary span {font-size: 16px;} h2 {background: #FFA100; color: #fff; padding: 10px; font-weight: bold;} .bookcover:hover { -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,.2); -khtml-box-shadow: 2px 2px 10px rgba(0,0,0,.2); -moz-box-shadow: 2px 2px 10px rgba(0,0,0,.2); -ms-box-shadow: 2px 2px 10px rgba(0,0,0,.2); -o-box-shadow: 2px 2px 10px rgba(0,0,0,.2); box-shadow: 2px 2px 10px rgba(0,0,0,.2); -webkit-transition: all,.25s,ease; -khtml-transition: all,.25s,ease; -moz-transition: all,.25s,ease; -ms-transition: all,.25s,ease; -o-transition: all,.25s,ease; transition: all,.25s,ease; } footer { font-size: 13px; color: #888; border-top: 1px solid #eee; margin-top: 25px; text-align: center; padding: 10px; }