body{
  padding: 0;
  box-sizing: border-box;
}

.container
{
    overflow: auto;
	font-family: helvetica, arial sans-serif;
	font-style: bold uppercase;
	margin: 0px;
width: 100%;
min-width: 800%
  padding: 0;
  display:grid;
  height:50%;

}


.titlepink img{
  max-width:100%;
  height:auto;
  position: relative;
  top:0px;
  z-index: -2;
  grid-area: titlepink;

}





.title {
  max-width:60%;
  height:auto;
  transform-origin: top right;
  transform: rotate(90deg);
  position: fixed;
right:-30px;
top: 800px;

}


.decorec1{

  background: black;
  position: fixed;
  grid-area: decorec1;
top:-80px;
max-width: 30%;

padding: 10px;
height: 220px;

font-size: 10px;
transform-origin: bottom left;
transform: rotate(90deg);
clip-path: polygon(0 100%, 100% 100%, 100% 81%, 64% 59%, 13% 59%, 0 71%);
color: white;

}



.cyberpunk{
max-width: 600%;

position: absolute;
top:100px;
left: 500px;
font-family: ta-rb, sans-serif;
text-align:center;
}

.h1{
  width:60%;
  font-size: 40px;
  margin: 0 auto;

font-family: ta-rb, sans-serif;
text-align:center;
}

.h2{
  width:60%;
  font-size: 30px;
  margin: 0 auto;

font-family: ta-rb, sans-serif;
text-align:center;
color: #D70000;
}
.p1{
width:60%;
    font-size: 80%;
    margin: 0 auto;
    line-height: 18px;
    font-family:Courier;
text-align: justify;
}
.img1 img{
  float: left;
  position: relative;
top:-300px;
left:150px;
  width: 20%;
}
.neu img{
  max-width:100%;

}