generated from moebiusband/go-http-skeleton
138 lines
1.7 KiB
CSS
138 lines
1.7 KiB
CSS
.action,
|
|
#backToTop,
|
|
#mainMenu,
|
|
.modal,
|
|
.optional,
|
|
#socialMedia {
|
|
display:none;
|
|
}
|
|
|
|
figure, blockquote {
|
|
padding:0;
|
|
margin:0;
|
|
}
|
|
|
|
body, button, input, table, textarea, select {
|
|
font-size:12pt;
|
|
line-height:1.75;
|
|
font-family:flowtext,sans-serif;
|
|
}
|
|
|
|
body {
|
|
max-width:7.5in;
|
|
margin:0 auto;
|
|
}
|
|
|
|
a {
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
header {
|
|
margin-bottom:1rem;
|
|
}
|
|
|
|
p {
|
|
margin:0 0 1rem;
|
|
}
|
|
|
|
li {
|
|
margin-bottom:0.5rem;
|
|
}
|
|
|
|
h2 {
|
|
font-size:24pt;
|
|
font-weight:normal;
|
|
margin:0 0 0.5rem;
|
|
}
|
|
|
|
h1,
|
|
.hero h2 {
|
|
margin:0;
|
|
line-height:1.2;
|
|
}
|
|
|
|
h3 {
|
|
font-size:16pt;
|
|
font-weight:normal;
|
|
margin:0;
|
|
}
|
|
|
|
main > section {
|
|
padding-bottom:1.75rem;
|
|
}
|
|
|
|
main > section header p {
|
|
font-size:14pt;
|
|
}
|
|
|
|
.hero header p {
|
|
margin-top:0;
|
|
}
|
|
|
|
.hasPlate,
|
|
.cards {
|
|
display:flex;
|
|
flex-wrap:wrap;
|
|
justify-content:center;
|
|
gap:1rem 2rem;
|
|
}
|
|
|
|
.hasPlate > figure {
|
|
flex-grow:0;
|
|
width:min(12rem, 100%);
|
|
text-align:center;
|
|
}
|
|
|
|
.hasPlate > figure img {
|
|
width:100%;
|
|
height:auto;
|
|
border-radius:1rem;
|
|
}
|
|
|
|
.hasPlate > div {
|
|
width:1%;
|
|
flex-grow:1;
|
|
}
|
|
|
|
.cards > * {
|
|
width:calc(50% - 1rem);
|
|
break-inside:avoid;
|
|
}
|
|
|
|
.cards > * > *:last-child {
|
|
margin-bottom:0;
|
|
padding-bottom:0;
|
|
}
|
|
|
|
#whatIDo h3[class*="icon_"]:before {
|
|
font-size:36pt;
|
|
margin-right:0.5rem;
|
|
}
|
|
|
|
#testimonials figcaption {
|
|
font-size:14pt;
|
|
margin-bottom:0.5rem;
|
|
}
|
|
|
|
#testimonials figcaption img {
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
width:3rem;
|
|
height:3rem;
|
|
margin-right:0.25rem;
|
|
border-radius:50%;
|
|
}
|
|
|
|
#whatIDo ul,
|
|
#testimonials blockquote {
|
|
font-size:10pt;
|
|
}
|
|
|
|
.note {
|
|
text-align:center;
|
|
}
|
|
|
|
#fauxBody > footer {
|
|
text-align:center;
|
|
} |