tinyfui/assets/style/index.css

66 lines
1.1 KiB
CSS
Raw Normal View History

2022-07-05 13:45:03 +00:00
:root {
--background: #13092b;
--background-2: #090f2b;
--foreground: #ddd;
--accent: #f9027a;
}
body {
font-family: 'Poppins', sans-serif;
background-color: var(--background);
background-attachment: fixed;
background-position: center;
color: var(--foreground);
margin: 0;
}
.page-container {
display: flex;
align-items: center;
flex-direction: column;
max-width: 100vw;
}
.content {
margin: 16px;
padding: 8px 16px;
width: calc(100vw - 32px);
max-width: 720px;
flex: 1;
background-color: var(--background-2);
border: 1px solid var(--accent);
border-radius: 4px;
}
.file-content {
background-color: white;
width: 100%;
}
iframe.file-content {
resize: vertical;
}
a {
color: inherit;
}
.nav-buttons {
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
}
.nav-button {
flex: 1;
display: grid;
place-content: center;
padding: 8px 0;
text-decoration: none;
}
.nav-button:hover {
text-decoration: underline;
}