* {
      margin: 0;
}
@font-face {
      font-family: Montserrat-ExtraBold;
      src: url('Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
      font-family: Oswald;
      src: url('Oswald-Light.ttf') format('truetype');
}
body {
      margin: 0; 
      background-color: rgb(36, 25, 49);
}
.grid {
      display: grid;
      height: 100vh;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
}
.left_side {

      background-color: rgb(36, 25, 49);
      display: grid;
      align-items: center;
}
.right_side {
      background-color: rgb(36, 25, 49);
      display: grid;
      align-items: center;
}
#r {
      color:rgb(226, 137, 229);
}
.text_left_side { 
      margin-right: 10px;
      text-align: right;
}
.text_right_side {
      color:rgb(130, 114, 148);
      font-size: 1.4em;
      font-family: Oswald;
      position: relative;
}
#holzblock {
      width: 400px;
}
#overlay_1 {
      position:fixed;
      bottom: 0;
      right: 0;
}
#overlay_2 {
      position: absolute;
      margin-left: 10px;
      top: 50%;
      transform: translate(0, -50%);
}
#lch {
      line-height: 3.5rem;
      font-size: 4em;
      color:rgb(148, 85, 150);
      font-family: Montserrat-ExtraBold;
}
#rch {
      margin-top: 11px;
      line-height: 1.6rem;
      z-index: 3;
}
@media (max-width: 1200px) {
#lch {
      line-height: 1.9rem;
      font-size: 2.1em;
      color:rgb(148, 85, 150);
      font-family: Montserrat-ExtraBold;
}
#rch {
      margin-top: 11px;
      line-height: 1.6rem;
      z-index: 3;
}
.text_right_side {
      color:rgb(130, 114, 148);
      font-size: 1.3em;
} 
.text_left_side { 
      margin-right: 5px;
      text-align: right;
}
#overlay_2 {
      position: absolute;
      margin-left: 5px;
      top: 50%;
      transform: translate(0, -50%);
}
#holzblock {
      display: none;
}
}