<!doctype html>
<html lang='en'>
<head>
<title>New Tab</title>
<meta charset='utf-8'>
<style>
html, body, main, section, ul, li, a, span, form, input {
border: none;
margin: 0;
padding: 0;
outline: none;
}
ul {
list-style-type: none;
overflow: auto;
li {
float: left;
margin: 5px 10px;
text-align: center;
li a {
text-decoration: none;
color: #313244;
transition-property: color;
transition-duration: 500ms;
li a:hover {
color: #a6e3a1;
li a span {
display: none;
li a svg {
height: 64px;
width: 64px;
body {
background-color: #11111b;
#container {
position: fixed;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
input {
width: 100%;
border: 1px solid #313244;
border-radius: 5px;
line-height: 32px;
font-family: monospace;
font-size: 20px;
margin-top: 20px;
::-moz-placeholder {
opacity: 1;
</style>
</head>
<body>
<main id='container'>
<section>
<ul>
