html {
background: #191724;
}
main {
background: #1f1d2e;
border-radius: 10px;
}
#tl > div {
padding: 16px;
border-bottom: 1px solid #908caa;
}
#tl > div > header {
font-weight: 700;
}
* {
font-family: BIZ UDGothic, Roboto, HelveticaNeue, Arial, sans-serif;
}
#calckey_app {
display: none !important;
}
body,
html {
background-color: #191724;
color: #e0def4;
justify-content: center;
margin: auto;
padding: 10px;
text-align: center;
}
button {
border-radius:999px;
padding:0 40px;
margin-top: 1rem;
border:none;
cursor:pointer;
margin-bottom:12px;
background:linear-gradient(90deg,#9ccfd8,#31748f);
line-height:50px;
color:#191724;
font-weight:700;
font-size:20px;
}
button:hover {
background: rgb(156, 207, 216);
}
a {
color: rgb(156, 207, 216);
text-decoration: none;
}
p,
li {
font-size: 16px;
}
h1 {
font-size: 32px;
}
code {
font-family: Fira, FiraCode, monospace;
}
#text {
background-color: #444;
border: solid #aaa;
border-radius: 10px;
color: #e0def4;
margin-top: 3rem;
width: 20rem;
height: 5rem;
padding: 0.5rem;
}
#text:focus {
border: solid #eee;
}
@media screen and (max-width: 500px) {
#text {
width: 80%
}
}