65 lines
1.1 KiB
CSS
65 lines
1.1 KiB
CSS
: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;
|
|
}
|