61 lines
1.9 KiB
CSS
61 lines
1.9 KiB
CSS
body {
|
|
background-color: #F5F5F5;
|
|
color: #464E46;
|
|
font-family: 'Open Sans Condensed', sans-serif;
|
|
margin: 0;
|
|
/* Panels */ }
|
|
body .panel {
|
|
width: 100vw;
|
|
height: 100vh; }
|
|
body .accent {
|
|
color: #2196F3; }
|
|
body #landing {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center; }
|
|
body #landing .content {
|
|
display: flex;
|
|
justify-content: center; }
|
|
body #landing .content img {
|
|
border-radius: 50%;
|
|
max-width: 20%; }
|
|
body #landing .content .intro {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
margin-left: 1em; }
|
|
body #landing .content .intro h1 {
|
|
font-size: 4em;
|
|
margin: 0 0 0.5em 0; }
|
|
body #landing .content .intro h3 {
|
|
font-size: 1.5em;
|
|
margin: 0 0 0.5em 0; }
|
|
body #landing .content .intro p {
|
|
font-size: 1.2em;
|
|
margin: 0; }
|
|
body #landing .content .intro p .accent {
|
|
font-weight: bold; }
|
|
body #current_biz {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column; }
|
|
body #current_biz > h1 {
|
|
font-size: 4em; }
|
|
body #current_biz .content {
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
flex-wrap: wrap; }
|
|
body #current_biz .content .card {
|
|
flex: 0 1 calc(20% - 1em);
|
|
font-size: 1.5em;
|
|
margin: 1em; }
|
|
body #current_biz .content .card .badge-accent, body #current_biz .content .card .btn-accent {
|
|
background-color: #2196F3;
|
|
transition: 0.25s; }
|
|
body #current_biz .content .card .badge {
|
|
font-size: 0.9em;
|
|
padding: 0.2em; }
|
|
body #current_biz .content .card .btn-accent {
|
|
width: 100%; }
|
|
body #current_biz .content .card .btn-accent:hover {
|
|
box-shadow: inset 1000px 0 0 0 rgba(0, 0, 0, 0.5); }
|