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

A react library for landing page

:root {
  --Hero__Header-fontSize: 75px;
  --Hero__Header--phone-fontSize: 30px;
  --Hero__SubHeader-fontSize: 40px;
  --Hero__SubHeader--phone-fontSize: 20px; }

.Hero .Hero__Header {
  font-size: var(--Hero__Header-fontSize); }

.Hero .Hero__SubHeader {
  font-size: var(--Hero__SubHeader-fontSize); }

.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; }

.Hero .sc-htpNat {
  opacity: 1; }

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