<!doctype html>
<html lang='en'>
<head>
<title>New Tab</title>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width'>
<style>
html, body, main, section, ul, li, a, span, form, input {
border: none;
margin: 0;
padding: 0;
outline: none;
}
html, body {
height: 100%;
body {
display: flex;
align-items: center;
justify-content: center;
a {
text-decoration: none;
color: #313244;
transition-property: color;
transition-duration: 500ms;
a:hover {
color: #a6e3a1;
a.placeholder:hover {
cursor: default;
a span {
display: none;
a svg {
height: 64px;
width: 64px;
background-color: #11111b;
#links {
flex-wrap: wrap;
gap: 10px;
max-width: 730px;
#links > a {
flex-basis: 64px;
input {
width: 100%;
border: 1px solid #313244;
border-radius: 5px;
line-height: 32px;
font-family: monospace;
font-size: 20px;
margin-top: 20px;
text-align: center;
input::placeholder {
opacity: 1;
</style>
</head>
<body>
<main>
<section id='links'>