@font-face {font-family:'Qunicy'; src: url('lib/fonts/quincy.woff2') format('woff2'), url('lib/fonts/quincy.woff') format('woff'); font-weight: normal; font-style: normal;}
@font-face {font-family:'Gibson'; src:url('lib/fonts/Gibson-Book.woff2') format('woff2'), url('lib/fonts/Gibson-Book.woff') format('woff'); font-weight:400; font-style:normal;}


body{background:#F5F0EA url(lib/img/textur_hell.jpg); text-align:center; color:#262626; margin:0; padding:0;}
h1{font-family:"Qunicy"; font-size:8vw; line-height:6vw; letter-spacing:-0.01em; font-weight:normal; margin:0 0 3vw 0; z-index:1; position:relative;}
p{font-family:"Gibson"; font-size:16px; letter-spacing:0.02em; font-weight:normal; margin:0;}

a{color:#262626; text-decoration:none;}
a:hover{text-decoration:underline;}
::selection{background:#262626; color:#F5F0EA;}

.container{position:absolute; width:100%; top:50%; left:50%; transform:translate(-50%,-50%); padding:15vw 0; overflow:hidden;}
.legal{position:absolute; width:100%; bottom:10px; left:50%; transform:translate(-50%,0);}


.astronautin{position:absolute; z-index:2; top:0; left:50%; width:30vw; transform:translate(69%, 12%);}

.riso{mix-blend-mode:multiply; position:absolute; top:0; left:50%;}
.riso .form  {width:100%; height:100%;}
.riso .textur{position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:6; background-image:url(lib/img/textur_riso.jpg); mix-blend-mode:hard-light;}
.riso .farbe {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:5;}

.riso1{width:28vw; height:9vw; opacity:.6; transform:translate(-6%, 221%) scaleX(-1);}
.riso1 .form{clip-path: polygon(0% 69%, 10% 56%, 14% 19%, 71% 15%, 91% 6%, 100% 59%, 93% 84%, 59% 77%, 38% 92%, 31% 81%, 16% 100%, 12% 81%);}
.riso1 .farbe{background-color:#fda533;}

.riso2{width:23vw; height:14vw; opacity:.5; transform:translate(86%, 147%);}
.riso2 .form{clip-path: polygon(1% 63%, 17% 25%, 60% 5%, 69% 14%, 79% 7%, 99% 22%, 85% 85%, 69% 89%, 63% 100%, 24% 96%, 16% 85%);}
.riso2 .farbe{background-color:#62ad3e;}


@media (max-width:560px) {
  p{font-size:12px;}
}