Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
@import
url('https://fonts.googleapis.com/css2?family=Lora&display=swap');
:root {
--accent1alt: rgba(175, 0, 32, 0.65);
}
/* Main Page */
.mainpage-container > br,
.mainpage-container > p{
display: none;
}
.mainpage-container{
display: grid !important;
grid-template-columns: 1fr 280px;
gap: 20px;
align-items: start;
}
.mainpage-left{
min-width: 0;
margin-bottom: 2em;
grid-column: 1;
grid-row: 1;
}
.mainpage-right{
min-width: 0;
display: flex;
flex-direction: column;
grid-column: 2;
grid-row: 1;
}
.mainpage-left img,
.mainpage-right img{
max-width: 100%;
height: auto;
}
@media (max-width: 900px) {
.mainpage-container{
grid-template-columns: 1fr;
}
.mainpage-right{
grid-column: 1;
grid-row: 2;
}
}
