@font-face { font-family: Roboto; src: url("/fonts/Roboto-Regular.ttf"); } html { transition: .6s; font-family: 'Roboto'; background-color: #ccc; } h1 { font-size: 3em; margin-top: .5em; padding-bottom: .5em; border-bottom: 1px solid grey; text-align: center; } h2 { font-size: 2em; text-align: left; margin-top: .5em; padding-bottom: .5em; border-bottom: 1px solid grey; width: 80%; } h3 { font-size: 1.5em; text-align: left; margin-top: .5em; padding-bottom: .5em; border-bottom: 1px solid grey; width: 75%; } .even { background-color: #565656; } .odd { background-color: #888; } .search { background-image: url('/pic/search.png'); background-position: 10px 12px; background-repeat: no-repeat; font-size: 16px; padding: 12px 20px 12px 40px; border: 1px solid #ddd; } .button { -webkit-appearance: none; border: none; display: inline-block; padding: 5px 15px; text-align: center; text-decoration: none; font-weight: 800; background-color: #4CAF50; color: white; cursor: pointer; } .hover:hover { background-color: #4CAF50; cursor: pointer; }