No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
letter-spacing: 5px; | letter-spacing: 5px; | ||
} | } | ||
.home-page h2:after { | .home-page h2:after { | ||
border-bottom: 1px solid transparent !important; | border-bottom: 1px solid transparent !important; | ||
} | } | ||
.thumbinner { | .thumbinner { | ||
max-width: 250px; | max-width: 250px; | ||
| Line 16: | Line 14: | ||
gap: 20px; | gap: 20px; | ||
} | } | ||
.main-portals > div { | .main-portals > div { | ||
border: var(--tmw-pink-border); | border: var(--tmw-pink-border); | ||
| Line 23: | Line 20: | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
@media screen and (max-width: 850px) { | @media screen and (max-width: 850px) { | ||
.main-portals > div { | .main-portals > div { | ||
| Line 29: | Line 25: | ||
} | } | ||
} | } | ||
#home-magic-words { | #home-magic-words { | ||
display: none; | display: none; | ||
} | } | ||
/*Welcome*/ | /*Welcome*/ | ||
#welcome { | #welcome { | ||
display: grid; | display: grid; | ||
} | } | ||
#welcome h2 { | #welcome h2 { | ||
| Line 46: | Line 39: | ||
align-self: end; | align-self: end; | ||
} | } | ||
#message, #cat { | |||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 67: | Line 60: | ||
} | } | ||
@media screen and (max-width: 500px) { | @media screen and (max-width: 500px) { | ||
#catlist { | #catlist { | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
} | } | ||
#img { | #img { | ||
width: 120px; | width: 120px; | ||
} | } | ||
} | } | ||
/*Floppy Disk*/ | |||
Revision as of 11:42, 31 October 2023
.main-portals h2 {
font-size: 32px;
letter-spacing: 5px;
}
.home-page h2:after {
border-bottom: 1px solid transparent !important;
}
.thumbinner {
max-width: 250px;
}
.main-portals {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.main-portals > div {
border: var(--tmw-pink-border);
border-radius: 15px;
background-image: radial-gradient(#001321, black 200%);
padding: 1em;
}
@media screen and (max-width: 850px) {
.main-portals > div {
grid-column: span 2;
}
}
#home-magic-words {
display: none;
}
/*Welcome*/
#welcome {
display: grid;
}
#welcome h2 {
align-self: start;
}
#message {
align-self: end;
}
#message, #cat {
text-align: center;
}
#left {
display: grid;
align-items: center;
}
#right {
display: inline-flex;
justify-content: center;
align-items: center;
}
#catlist {
display: inline-grid;
grid-template-columns: repeat(3, 1fr);
gap: 2em;
list-style-type: none;
margin: 0;
padding: 0 10px;
}
@media screen and (max-width: 500px) {
#catlist {
grid-template-columns: 1fr 1fr;
}
#img {
width: 120px;
}
}
/*Floppy Disk*/