@font-face { font-family: Roboto; src: url("/fonts/Roboto-Regular.ttf"); } html { transition: .6s; font-family: 'Roboto'; background-color: #ccc; } h1 { font-size: 3em; text-align: left; margin-top: .5em; padding-bottom: .5em; border-bottom: 1px solid grey; text-align: center; } .even { background-color: #000; } .odd { background-color: #5f5f5f; } .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; } .hover:hover { background-color: #4CAF50; cursor: pointer; }