@front10/landing-page-book/dist/components/Hero/style.legacy_browsers.css

A react library for landing page

:root {
  --Hero__Header-fontSize: 75px;
  --Hero__Header-fontStyle: normal;
  --Hero__Header-color: #fff;
  --Hero__Header-fontWeight: 700;
  --Hero__Header--phone-fontSize: 30px;
  --Hero__SubHeader-fontSize: 40px;
  --Hero__SubHeader-color: #fff;
  --Hero__SubHeader-fontStyle: italic;
  --Hero__SubHeader--phone-fontSize: 20px;
  --Hero__Button-color: #383e45;
  --Hero__Button-backgroundColor: #fed136;
  --Hero__Button-padding: 0.375rem 0.75rem; }

.Hero .Hero__Header {
  font-weight: 700;
  font-size: 75px;
  font-style: normal;
  color: #fff; }

.Hero .Hero__SubHeader {
  font-size: 40px;
  font-style: italic;
  color: #fff; }

.Hero .Hero__Button {
  padding: 0.375rem 0.75rem;
  color: #383e45;
  background-color: #fed136; }

.Hero .Hero__Particles {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1; }
  .Hero .Hero__Particles div {
    height: 100%; }

.Hero .Hero__Container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; }
  .Hero .Hero__Container .container {
    margin: auto; }

@media (max-width: 768px) {
  .Hero__Header {
    font-size: 30px !important; }
  .Hero__SubHeader {
    font-size: 20px !important; } }