66 lines
977 B
CSS
66 lines
977 B
CSS
/* RE SOLUCE CSS */
|
|
|
|
body {
|
|
width: 75%;
|
|
margin: 0 auto;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* CHRIS */
|
|
body.chris::before {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
|
|
opacity: 0.8;
|
|
z-index: -1;
|
|
}
|
|
|
|
/* JILL */
|
|
body.jill::before {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
background: url("../re1_jill_assets/re1.png") center / cover no-repeat;
|
|
opacity: 0.8;
|
|
z-index: -1;
|
|
}
|
|
|
|
/* FABLE */
|
|
body.fable::before {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
background: url("../fable_assets/bg.png") center / cover no-repeat;
|
|
opacity: 0.8;
|
|
z-index: -1;
|
|
}
|
|
|
|
|
|
h1, h3 {
|
|
color:red;
|
|
}
|
|
|
|
h1 {
|
|
position: sticky; top: 0;
|
|
padding: 1em; z-index: 10;
|
|
}
|
|
|
|
p {
|
|
text-align: center;
|
|
color: honeydew;
|
|
font-size: larger;
|
|
}
|
|
|
|
img {
|
|
text-align: center;
|
|
margin:auto;
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
b, .subSectionDesc, .subSectionTitle {
|
|
text-align: center;
|
|
color: honeydew;
|
|
font-size: larger;
|
|
} |