body{
  font-smooth: auto;
  background: 
    repeating-linear-gradient(0deg, #606dbc00, #606dbc00 2px, #33333327 2px, #33333327 4px, #46529800 4px),
    linear-gradient(270deg, #fa526d 0%, #fa526d	35%,#69b570 36%,#69b570 65%, #20aff3 66%,#20aff3 100%);
  margin: 5%;
  font-family: 'fonte02';
  text-rendering: geometricPrecision;
  color: #DDD;
  max-width: 100%;
  overflow-x: hidden; 
}
/* titre */
h1:before{
  position: absolute;
  top: 0px;
  left: -100px;
  border: #d62529;
  border-radius: 50px;
  background: #fff;
  font-size: 6.26em;
  transform: rotate(-45deg);
  content: "ShooTheMup";
  animation: anim01  833ms linear 0s infinite;
  z-index: -1;
}

@keyframes anim01{
   0% {transform: rotate(90deg);}
 100% {transform: rotate(-90deg);}
}

h5.arc{
  margin: 0px;
  padding: 0px;
  top: -50px;
  font-family: 'fonte01';
  font-size: 7em;
  color: #d6252955;
  opacity: 1.0;
  border-radius: 15px;
    -webkit-text-stroke: 1.0px #ffffffff;
  transform: skewY(-3deg);
}

p.gradient {
  margin: -20px;
  margin-left: 20px;
  padding: 0px;
  top: -70px;
  font-family: 'fonte01';
  font-size: 8em;
  color: #d6252955;
  opacity: 1.0;
  -webkit-text-stroke: 3.0px #fff;
  transform: skewY(-3deg);
}

@supports (-webkit-background-clip: text) {
  p.gradient {
    background-image: linear-gradient(90deg, #fa526d 0%, #69b570 15%,#20aff3 30%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }
}

h1{
  position: relative;
  top: 10px;
  left: 440px;
  margin-top: 0px;
  margin-bottom: 150px;
  font-family: fonte03;
  font-size: 5.0em;
  font-weight: 900;
  color: #d62529;
  opacity: 1.0;
  -webkit-text-stroke: 0.1px #fff;
  text-shadow:
    -2px -2px 0 #fff,  
     2px -2px 0 #fff,
    -2px  2px 0 #fff,
     2px  2px 0 #fff;
  transform: skewY(-3deg);
}
/* series */
h2{
  display: block;
  font-family: 'fonte01';
  font-size: 3.5em;
  font-weight: 900;
  font-style: italic;
  letter-spacing: normal;
  color: #333;
  transform: skewY(-6deg);
}

h3{
  margin-top: 0px;
  font-family: 'fonte01';
  font-size: 1.5em;
  text-transform: capitalize;
  letter-spacing: normal;
}

#progear{
  max-height: 100px;
}

.h{
  box-shadow: 6px 0px 20px 0 rgba(230, 255, 1, 0.592) inset, 0 6px 20px 0 rgba(237, 230, 2, 0.541) inset;
}

.an{
  font-family: 'fonte01';
  font-size: 0.65em;
  font-weight: 500;
  font-style: italic;
  color: #666;
}

.set1{
  margin-top: 130px;
}

.set2{
  margin-top: 10px;
}

.set3{
  margin-top: 500px;
}

.set4{
  margin-top: 350px;
}

.set5{
  margin-top: 600px;
}

.b{
  background: #20aff3;
}

.v{
  background: #69b570;
}

.r{
  background: #fa526d;
}

a{
  text-decoration: none;
}

img.ship{
  display: inline;
  position: relative; 
  top: -55px;
  left: 305px ;
  transform: scale(1.25);
  border: 0px;
}

span.ship{
  transform: skewY(3deg);  
}

img.touhou7{
  top: -60px;
  left: 310px;
  transform: scale(0.95);
}

img.progear{
  top: -65px;
  left: 330px ;

}

img.ddp1{
  top: -215px;
  left: 265px ;
  transform: scale(0.95);
}

img.ketsui{
  top: -70px;
  left: 330px;
  transform: scale(1.25);
}
/* partie 2 */

.conttout{
  margin-left: 10px;
}

.coltout{
  margin-left:6px;
  margin-right:41px;
}

.film{
  width: 296px;
  margin: 0px;
  padding: 3px;
  padding-bottom: 1px;
  background: #fff;
  border: #000 solid 2px;
  border-radius: 15px;
  transform: skewY(-3deg);
}

.bande{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 350px;
  height: auto;
  border: #00ff04 solid 0px;
}
/* 326 */
.bandeh{
  height: 219px;
}
/* 409 */
.bandeh1{
  height: 275px;
}
/* 380 */
.bandeh2{
  height: 255px;   
}
/* 306 */
.bandeh3{
  height: 206px;
}
/* 272 */
.bandeh4{
  height: 183px;
}
/* 244 */
.bandeh5{
  height: 164px;
}

.bandev{
  height: 389px;
}

.bandev2{
  width: 392px;
}

.ecran{
  margin-bottom: 5px;
}

.bandenomjeu{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  border: #eaff00 solid 0px;
}

img.tout{
  width: 292px;
  margin: 1px;
  transform: skewY(0deg);
  border: #888 solid 0px;
  border-radius: 0px;
  box-shadow: 2px 3px 3px #777;
}

.nomjeu{
  display: inline;
  position: relative;
  top: 0px;
  left: -2px;
  margin-bottom: 100px;
  font-family: fonte01;
  font-size: 2.2em;
  font-weight: bold;
  letter-spacing: 0.0005em;
  word-spacing: 0.04em;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  overflow-wrap: normal;
  color: #44444433;
  transform: skewY(3deg);
}

span.x{
  left: 7px;
}