Files
website/style.css
2025-08-14 20:00:50 -07:00

152 lines
2.2 KiB
CSS

:root {
--primary: #6347ff;
--secondary: #ffe847;
--primary-50: #312480;
--secondary-50: #807424;
color-scheme: light dark;
}
#content {
max-width: 512px;
padding-bottom: 25vh;
}
.media {
max-width: 512px;
display: block;
margin: 16px 0;
}
h3 {
margin-top: 16px;
margin-bottom: 0;
color: light-dark(black, white);
}
h2 {
text-align: center;
margin-bottom: 0;
margin-top: 16px;
}
a {
color: light-dark(black, white);
}
:not(p) > a {
text-decoration: none;
}
:not(p) > a:hover {
text-decoration: underline;
}
p {
margin-top: 0;
margin-bottom: 8px;
}
.bullet-img {
height: 14px;
width: 14px;
object-fit: contain;
vertical-align: middle;
margin-right: 8px;
}
#contact-info-container {
min-height: 57px;
max-width: 256px;
}
.cover {
cursor: pointer;
background: light-dark(white, #181825);
color: light-dark(white, #181825);
user-select: none;
}
.centerer {
display: flex;
justify-content: center;
align-items: center;
}
.subtitle {
font-size: 16px;
color: grey;
margin-top: 0;
margin-left: 8px;
}
.relative {
position: relative;
}
.absolute-fill {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#title-1 {
color: light-dark(white, black);
overflow: hidden;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
background: light-dark(black, whitesmoke);
}
#title-1 > .h1-container {
padding: 16px;
background: light-dark(black, whitesmoke);
width: max-content;
z-index: 1;
}
#title-1 > div > h1 {
margin: 0;
}
#title-1 > a > img {
z-index: 0;
display: block;
max-height: 71px;
min-width: 100%;
object-fit: cover;
}
img {}
.disabled {
pointer-events: none;
}
body {
margin: 8px;
font-family: sans-serif;
position: relative;
background: light-dark(whitesmoke, black);
color: light-dark(black, whitesmoke);
display: block;
}
#click-to-reveal-prompt {
color: grey;
position: absolute;
left: 0;
right: 0;
top: 8px;
text-align: center;
}
section {
margin-bottom: 16px;
}
.margin-8px-top {
margin-top: 8px;
}