fix mobile styling

This commit is contained in:
Youwen Wu 2023-10-10 22:57:45 -07:00
parent 3301404de7
commit 6dbce2a63c

View file

@ -150,14 +150,14 @@ footer p {
}
}
/* Smartphones (portrait) ----------- */
/* Smartphones (portrait) and small screens ----------- */
@media only screen
and (max-width : 1000px) {
/* Styles */
.bg-text {
font: bold 30vw Georgia, serif;
color: #100b0b;
opacity: 0.2;
opacity: 0.25;
/* background: yellow; */
position: absolute;
right: 0;
@ -165,10 +165,11 @@ and (max-width : 1000px) {
user-select: none;
z-index: 1;
pointer-events: none;
margin-top: 10vh
}
}
/* iPads (landscape) ----------- */
/* all other screens */
@media only screen and not (max-width : 1000px) {
/* Styles */
.bg-text {