1/*
 2body {
 3    background: linear-gradient(to right top, $button-border 50%, $button-background 50%);
 4    background-size: 100% calc(100% - 100vh + #{5px});
 5    background-repeat: no-repeat;
 6}
 7
 8body:before {
 9    content:'';
10    position: fixed;
11    top: 5px;
12    bottom: 0;
13    width: 100%;
14    z-index: -1;
15    background: $light;
16}
17 */
18
19.title-wrapper {
20    max-width: 800px;
21    margin: 0 auto;
22    padding-top: 20px;
23    padding-bottom: 10px;
24
25    .title {
26        font: bold 37px Heliotrope;
27    }
28
29    .menu {
30        float: right;
31        margin-top: 11px;
32        font-size: 29px;
33        ul {
34            list-style-type: none;
35            margin: 0px;
36            padding: 0px;
37        }
38        li {
39            display: inline-block;
40            padding-left: 15px;
41        }
42        @media (max-width: $max-width) {
43            float: none;
44            ul {
45                padding: 5px 0px 5px;
46            }
47            li {
48                padding-left: 0px;
49                padding-right: 15px;
50            }
51
52        }
53    }
54    a {
55        text-decoration: none;
56        color: inherit;
57    }
58    a:visited {
59        color: inherit;
60    }
61    border-bottom: 2px solid;
62    @media (max-width: $max-width) {
63        text-align: center;
64    }
65}