71 lines
1.0 KiB
SCSS
71 lines
1.0 KiB
SCSS
@import 'grid.scss';
|
|
@import 'fonts.scss';
|
|
|
|
:root {
|
|
--primary-color: #ACD0E5;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Montserrat';
|
|
user-select: none;
|
|
|
|
&:not(.notouch) {
|
|
canvas {
|
|
cursor: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
a[href] {
|
|
color: #048280;
|
|
|
|
&.router-link-active {
|
|
color: #a47f62;
|
|
}
|
|
}
|
|
|
|
.main {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
height: calc(100vh - 4.25rem);
|
|
gap: 1.25rem;
|
|
|
|
&-title,
|
|
&-desc {
|
|
max-width: 40vw;
|
|
position: relative;
|
|
z-index: 2;
|
|
color: var(--main-text-color)
|
|
}
|
|
|
|
&-title {
|
|
text-align: center;
|
|
font-family: 'Project Space';
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3rem
|
|
}
|
|
|
|
&-desc {
|
|
font-size: 1.125rem;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
p {
|
|
&:not(:last-child) {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
}
|
|
|
|
&-canvas {
|
|
flex-grow: 1;
|
|
height: 100vh;
|
|
}
|
|
}
|
|
|
|
@import 'sidebar.scss';
|
|
@import 'nav.scss'; |