:root {
  --font-size-1: 2vw;
  --font-size-2: 4.3vw;
  --font-size-3: 1.5vw;
  --font-size-4: 1.2vw;
  --font-size-5: 6.4vw;
  --horizontal-space-1: 1.5vw;
  --horizontal-space-2: 1vw;
  --vertical-space-1: 0.5vw;
  --vertical-space-2: 5vw;
  --vertical-space-3: 1.4vw;
  --space-1: 0.5vw;
  --color-1: #8900FF;
  --width-1: 900px;
  --width-2: 1050px;
  --border-rad-1: 120px;
  --border-rad-2: 100px;
  --border-thick-1: 1.7px;
  --border-thick-2: 1.7px;
  --button-height-1: 3vw;
}

@media screen and (max-width:600px){
  :root {
    --font-size-1: 4.7vw;
    --font-size-2: 9vw;
    --font-size-3: 4.5vw;
    --font-size-4: 3.5vw;
    --font-size-5: 9vw;
    --horizontal-space-1: 2vw;
    --horizontal-space-2: 1.5vw;
    --vertical-space-1: 1.2vw;
    --vertical-space-2: 8vw;
    --vertical-space-3: 3vw;
    --border-thick-1: 1.5px;
    --border-thick-2: 1.5px;
    --button-height-1: 10vw;
  }
}

@media screen and (max-width:1050px){
  :root {
    --width-2: auto;
  }
}
@media screen and (max-width:900px){
  :root {
    --width-1: auto;
  }
}
@media screen and (max-width:600px){
  :root {
    --header-height: 10vw;
  }
}


.mar-b {margin-bottom: var(--vertical-space-1);}
.mar-b2 {margin-bottom: var(--vertical-space-2);}
.mar-t {margin-top: var(--vertical-space-1);}
.mar-t2 {margin-top: var(--vertical-space-2);}
.mar-t3 {margin-top: var(--vertical-space-3);}
.mar {margin: var(--horizontal-space-1);}
.mar-r {margin-right: var(--horizontal-space-2);}
.mar-r2 {margin-right: 2vw}
.pad-l {padding-left: var(--horizontal-space-1);}
.pad-t {padding-top: var(--vertical-space-1);}
.pad-r {padding-right: var(--horizontal-space-1);}
.pad-b2 {padding-bottom: var(--vertical-space-2);}
.pad-b {padding-bottom: var(--vertical-space-1);}
.pad {padding: var(--horizontal-space-1);}
.pad2 {padding: var(--horizontal-space-2);}
.cl:hover {cursor: pointer;}
.width-1 {width: var(--width-1);}
.width-2 {width: var(--width-2);}
.inl {display: inline-block;}
.inline {display: inline;}
.bl {display: block;}
.nowrap {white-space: nowrap;}
.upper {text-transform: uppercase;}
.cur {font-family: "Favorit Mono Italic";}

.c-1 {color: var(--color-1);}
.ff-0 {font-size: var(--font-size-1);line-height: 1.15; word-spacing: -0.1vw}

.ff-1 {font-size: var(--font-size-1);}
.ff-2 {font-size: var(--font-size-2); line-height: 1;}
.ff-3 {font-size: var(--font-size-3); line-height: 1;}
.ff-4 {font-size: var(--font-size-4); line-height: 1;}
.ff-5 {font-size: var(--font-size-5);line-height: 1;}

.ds {line-height: 1.4!important}
.ds2 {line-height: 1.2!important}
.ds5 {line-height: 1.1!important}
.ds6 {line-height: 0.4!important}
.ds3 {line-height: 0.4!important}
.ds4 {line-height: 0.9!important}
.ds1 {line-height: 1!important}

.komma .ch {
  display: inline-block;
}
.komma .ch::after {
  content: ",";
  margin-right: 4px;
}
.komma .ch:last-child::after {
  content: "";
}

.mobile {
  display: none;
}
.desktop {
  display: block;
}
@media screen and (max-width:600px){
  .mobile {
    display: block;
  }
  .desktop {
    display: none;
  }
}