71 lines
1.3 KiB
CSS
71 lines
1.3 KiB
CSS
:root {
|
|
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
|
|
color-scheme: light dark;
|
|
color: rgba(255, 255, 255, 0.87);
|
|
background-color: #242424;
|
|
|
|
font-synthesis: none;
|
|
text-rendering: optimizeLegibility;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
/*display: flex;*/
|
|
/*place-items: center;*/
|
|
min-width: 320px;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/*button {*/
|
|
/* border-radius: 8px;*/
|
|
/* border: 1px solid transparent;*/
|
|
/* padding: 0.6em 1.2em;*/
|
|
/* font-size: 1em;*/
|
|
/* font-weight: 500;*/
|
|
/* font-family: inherit;*/
|
|
/* background-color: #1a1a1a;*/
|
|
/* cursor: pointer;*/
|
|
/* transition: border-color 0.25s;*/
|
|
/*}*/
|
|
/*button:hover {*/
|
|
/* border-color: #646cff;*/
|
|
/*}*/
|
|
/*button:focus,*/
|
|
/*button:focus-visible {*/
|
|
/* outline: 4px auto -webkit-focus-ring-color;*/
|
|
/*}*/
|
|
|
|
#app {
|
|
/*max-width: 1280px;*/
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
/*text-align: center;*/
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
align-items: center;
|
|
}
|
|
|
|
.custom-clear-page {
|
|
background-image: url("public/clear.svg");
|
|
}
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root {
|
|
color: #213547;
|
|
background-color: #ffffff;
|
|
}
|
|
a:hover {
|
|
color: #747bff;
|
|
}
|
|
button {
|
|
background-color: #f9f9f9;
|
|
}
|
|
}
|