Files
supabase/web/src/pages/styles.module.css
T
2021-05-22 02:30:29 +00:00

96 lines
1.4 KiB
CSS
Executable File

/**
* Copyright (c) 2017-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
/**
* CSS files with the .module.css suffix will be treated as CSS modules
* and scoped locally.
*/
/* .heroBanner {
padding: 4rem 0;
text-align: center;
position: relative;
overflow: hidden;
} */
.heroBanner {
/* height: calc(100vh - 60px); */
min-height: 80vh;
}
.hero .code-with-header {
box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3);
/* box-shadow: var(--ifm-global-shadow-md); */
}
.heroBanner h2 {
font-size: 2rem !important;
}
.heroBanner p {
font-size: 1rem !important;
}
.heroImage {
max-height: 50vh;
}
.features {
display: flex;
margin-top: 5rem;
margin-bottom: 5rem;
align-items: center;
padding: 2rem 0;
width: 100%;
}
.forDevelopers {
display: flex;
margin-top: 5rem;
align-items: center;
padding: 2rem 0;
width: 100%;
}
.forDevelopers .button {
margin-top: 10px;
}
.featureCard {
height: 100%;
margin-bottom: 10px;
}
.featureImage {
height: 50px;
width: 50px;
}
.button {
margin: 25px 10px;
}
.howCard h3 {
font-size: 2.5rem;
font-weight: 800;
}
.pricingCard h3 {
font-size: 1.8rem;
margin-bottom: 20px;
}
.pricingCard p {
margin: 0;
}
.responsiveCentered {
text-align: center;
}
.centered {
text-align: center;
}
@media screen and (max-width: 999px) {
.responsiveCentered {
text-align: left;
}
}