|
|
|
@ -314,3 +314,62 @@ canvas {
|
|
|
|
|
.spaced-ul li {
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
}
|
|
|
|
|
@media screen and (max-width: 800px) {
|
|
|
|
|
.panel .horizontal-menu {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.next {
|
|
|
|
|
right: 9vw !important;
|
|
|
|
|
top: auto !important;
|
|
|
|
|
}
|
|
|
|
|
.prev {
|
|
|
|
|
top: auto !important;
|
|
|
|
|
left: 9vw !important;
|
|
|
|
|
}
|
|
|
|
|
h6 {
|
|
|
|
|
font-size: calc(var(--font-size) / 1.5);
|
|
|
|
|
}
|
|
|
|
|
h5 {
|
|
|
|
|
font-size: calc(var(--font-size) / 1.4);
|
|
|
|
|
}
|
|
|
|
|
.smol-video {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
|
|
|
|
.flexy-boi {
|
|
|
|
|
display: flex;
|
|
|
|
|
}
|
|
|
|
|
.flexy-boi .horizontal-menu {
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
}
|
|
|
|
|
.flexy-boi .horizontal-menu span {
|
|
|
|
|
margin: 10px;
|
|
|
|
|
flex: 0 0 21%;
|
|
|
|
|
}
|
|
|
|
|
.cross {
|
|
|
|
|
width: 6vw;
|
|
|
|
|
height: 6vw;
|
|
|
|
|
}
|
|
|
|
|
.cross .idle {
|
|
|
|
|
width: 6vw;
|
|
|
|
|
height: 6vw;
|
|
|
|
|
}
|
|
|
|
|
.cross .active {
|
|
|
|
|
width: 6vw;
|
|
|
|
|
height: 6vw;
|
|
|
|
|
}
|
|
|
|
|
.panel {
|
|
|
|
|
height: 4em !important;
|
|
|
|
|
}
|
|
|
|
|
.big,
|
|
|
|
|
.cross-og {
|
|
|
|
|
width: 10vw !important;
|
|
|
|
|
height: 10vw !important;
|
|
|
|
|
}
|
|
|
|
|
.menu {
|
|
|
|
|
left: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.menu .menu-link,
|
|
|
|
|
.menu ul li {
|
|
|
|
|
font-size: calc(var(--font-size) / 1.4) !important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|