better stylings

This commit is contained in:
Rudis Muiznieks 2022-11-25 09:16:38 -06:00
parent 9b3844c5a1
commit e28c1adb5e
Signed by: rudism
GPG Key ID: CABF2F86EF7884F9
1 changed files with 10 additions and 9 deletions

View File

@ -10,6 +10,14 @@
padding: 0; padding: 0;
outline: none; outline: none;
} }
html, body {
height: 100%;
}
body {
display: flex;
align-items: center;
justify-content: center;
}
ul { ul {
list-style-type: none; list-style-type: none;
overflow: auto; overflow: auto;
@ -42,13 +50,6 @@
body { body {
background-color: #11111b; background-color: #11111b;
} }
#container {
position: fixed;
display: block;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
input { input {
width: 100%; width: 100%;
background-color: #11111b; background-color: #11111b;
@ -61,13 +62,13 @@
margin-top: 20px; margin-top: 20px;
text-align: center; text-align: center;
} }
::-moz-placeholder { input::placeholder {
color: #313244; color: #313244;
opacity: 1; opacity: 1;
} }
</style> </style>
</head> </head>
<body> <body>
<main id='container'> <main>
<section> <section>
<ul> <ul>