Alpi CSS

by mtenschert

HTML

<h1>
asdfasdfasdfasdf
</h1>

CSS

:root {
    --primary-text-color: #706f6f;
    --secondary-text-color: #f7f7f7;
    --third-text-color: #09505d;
    --fourth-text-color: #b83122;
    --fifteenth-text-color: #a31f16;
    --nineteenth-text-color: #f1d6d3;
    --primary-border-color: #706f6f;
    --secondary-border-color: #f7f7f7;
    --third-border-color: #b83122;
    --fourth-border-color: #09505d;
    --fifth-border-color: #f1d6d3;
    --tenth-border-color: #e5e5e5;
    --nineteenth-border-color: #a31f16;
    --primary-shadow-color: #000;
    --secondary-shadow-color: #f7f7f7;
    --third-shadow-color: #01010180;
    --primary-color: #b83122;
    --secondary-color: #09505d;
    --third-color: #a31f16;
    --fifth-color: #e6edee;
    --sixth-color: #e5e5e5;
    --seventh-color: #f7f7f7;
    --ninth-color: #22b835;
    --tenth-color: #f1d6d3;
    --twelfth-color: #706f6f;
    --fortyseventh-color: #dfc342;
    --fortyeigth-color: #000;
    --primary-slate-color: #b83122;
    --secondary-slate-color: #a31f16;
  }

</style>
<style ng-transition="serverApp">
  .cc-color-override--1740218811.cc-window[_ngcontent-sc58] {
    color: var(--primary-text-color);
    background-color: var(--seventh-color);
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em
  }

  .cc-btn[_ngcontent-sc58]:focus,
  .cc-btn[_ngcontent-sc58]:hover {
    background-color: var(--secondary-color);
    color: var(--secondary-text-color);
    border-color: transparent
  }

  .cc-banner.cc-bottom[_ngcontent-sc58] {
    left: 0;
    right: 0;
    bottom: 0
  }

  .cc-window.cc-banner[_ngcontent-sc58] {
    align-items: center;
    flex-direction: column;
    padding: 1em 1.8em;
    width: 100%;
    align-items: unset
  }

  @media only screen and (min-width:782px) {
    .cc-window.cc-banner[_ngcontent-sc58] {
      flex-direction: row;
      justify-content: space-evenly
    }
  }

  @media only screen and (max-width:781px) {
    .cc-window.cc-banner[_ngcontent-sc58] {
     ...