62 lines
945 B
SCSS
62 lines
945 B
SCSS
@import 'grid.scss';
|
|
@import 'fonts.scss';
|
|
|
|
:root {
|
|
--primary-color: #ACD0E5;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Montserrat';
|
|
user-select: 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 {
|
|
max-width: 28vw;
|
|
text-align: center;
|
|
font-family: 'Project Space';
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3rem
|
|
}
|
|
|
|
&-desc {
|
|
max-width: 28vw;
|
|
/* text-align: center; */
|
|
font-size: 1.125rem;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
p {
|
|
&:not(:last-child) {
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
}
|
|
|
|
&-canvas {
|
|
flex-grow: 1;
|
|
height: 50vh;
|
|
width: 100vw;
|
|
max-height: 65vh;
|
|
}
|
|
}
|
|
|
|
@import 'sidebar.scss';
|
|
@import 'nav.scss'; |