potato-plus-plus/src/routes/+layout.svelte
2023-11-14 16:00:12 -05:00

59 lines
1.1 KiB
Svelte

<h2>
<a href='https://potatoplusplus.com/'>Potato++</a> |
<a href="https://discord.gg/KnAU3Snc9g">Discord</a>
</h2>
<slot />
<style>
:global(:root) {
--black: rgb(15, 15, 15);
--gray: rgb(54, 53, 61);
--light-gray: rgb(142, 170, 192);
--white: rgb(240, 246, 253);
--teal: rgb(27, 28, 36);
color: var(--white);
font-family: sans-serif;
}
:global(a) {
color: var(--light-gray);
}
:global(body) {
background: var(--teal);
min-height: 100vh;
display: flex;
align-items: center;
flex-direction: column;
}
:global(.row, .left) {
display: flex;
justify-content: start;
flex-direction: column;
width: 50vw;
min-width: 350px;
}
:global(.row) {
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
:global(img) {
width: 128px;
height: 128px;
}
:global(p) {
margin: 10px;
}
h2 a {
text-decoration: none;
}
</style>