89 lines
1.4 KiB
CSS
89 lines
1.4 KiB
CSS
|
|
|
|
body {
|
|
padding-top: 20px;
|
|
padding-bottom: 60px;
|
|
background-color: #3c0084;
|
|
}
|
|
|
|
/* Custom container */
|
|
|
|
.container {
|
|
margin: 0 auto;
|
|
max-width: 1000px;
|
|
}
|
|
.container > hr {
|
|
margin: 60px 0;
|
|
}
|
|
|
|
.hero-unit {
|
|
background-color: #aa00a7;
|
|
box-shadow: 0 0 0 4px #aa009f;
|
|
}
|
|
|
|
/* Main marketing message and sign up button */
|
|
.jumbotron {
|
|
margin: 80px 0;
|
|
text-align: center;
|
|
}
|
|
.jumbotron h1 {
|
|
font-size: 100px;
|
|
line-height: 1;
|
|
}
|
|
.jumbotron .lead {
|
|
font-size: 24px;
|
|
line-height: 1.25;
|
|
}
|
|
.jumbotron .btn {
|
|
font-size: 21px;
|
|
padding: 14px 24px;
|
|
}
|
|
|
|
/* Supporting marketing content */
|
|
.marketing {
|
|
margin: 60px 0;
|
|
}
|
|
.marketing p + h4 {
|
|
margin-top: 28px;
|
|
}
|
|
|
|
.pissbigger h1 {
|
|
font-size: 42px;
|
|
line-height: 1;
|
|
}
|
|
|
|
/* how to not fix your css part numba wuuun */
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.pantshitted {
|
|
float:right !important;
|
|
}
|
|
}
|
|
|
|
.flextape {
|
|
display: grid;
|
|
gap: 1rem;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
}
|
|
|
|
@media (min-width: 600px) and (max-width: 979px) {
|
|
.flextape {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
.flextape {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
|
|
.memcomment {
|
|
position: relative;
|
|
padding-bottom: 50px;
|
|
}
|
|
|
|
.memcomment .author {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
} |