2019-07-12 09:49:03 +02:00
|
|
|
<script>
|
|
|
|
import Nav from '../components/Nav.svelte';
|
|
|
|
|
|
|
|
export let segment;
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2019-09-10 21:23:50 +02:00
|
|
|
.app-content {
|
|
|
|
background: linear-gradient(176deg, rgb(31, 22, 94) 0%,rgb(67, 117, 236) 100%);
|
|
|
|
background-attachment: fixed;
|
|
|
|
color:#f2f0f0;
|
|
|
|
}
|
|
|
|
|
2019-07-12 09:49:03 +02:00
|
|
|
main {
|
|
|
|
position: relative;
|
|
|
|
max-width: 56em;
|
|
|
|
padding: 2em;
|
|
|
|
margin: 0 auto;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
2019-09-10 21:23:50 +02:00
|
|
|
|
|
|
|
:global(::selection) {
|
|
|
|
background: #0dd0d0;
|
|
|
|
}
|
|
|
|
|
2019-07-12 09:49:03 +02:00
|
|
|
</style>
|
|
|
|
|
2019-09-10 21:23:50 +02:00
|
|
|
<div class="app-content">
|
|
|
|
<Nav {segment}/>
|
2019-07-12 09:49:03 +02:00
|
|
|
|
2019-09-10 21:23:50 +02:00
|
|
|
<main>
|
|
|
|
<slot></slot>
|
|
|
|
</main>
|
|
|
|
</div>
|