.material-icons { display: none; width: 24px; } html { background: #2d2d2d; } body { background: white; } a { outline: 0 !important; } body { display: flex; min-height: 100vh; flex-direction: column; overflow-x: hidden; -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -ms-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; overflow-y: scroll !important; } input[type="text"]:focus:not([readonly]), input[type="password"]:focus:not([readonly]), input[type="email"]:focus:not([readonly]), input[type="url"]:focus:not([readonly]), input[type="time"]:focus:not([readonly]), input[type="date"]:focus:not([readonly]), input[type="datetime-local"]:focus:not([readonly]), input[type="tel"]:focus:not([readonly]), input[type="number"]:focus:not([readonly]), input[type="search"]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { border-bottom: 1px solid #9d9d9d; box-shadow: 0 1px 0 0 #9d9d9d; } nav ul li:hover, nav ul li.active { background-color: rgba(0, 0, 0, 0.1); } .full-height { height:100vh; } * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); }