@charset: "UTF-8";

html {
  width: 100%;
  height: 100%;
  background: linear-gradient(lightgreen, lightsalmon, lightskyblue);
  background-repeat: space;
  box-sizing: border-box;
  overflow: hidden;
  z-index: -3;
}

body {
  width: 100%;
  height: 100%;
  margin: -1vh auto 0;
  background-image: url("/.pix/big_twinz_160.png");
  overflow: hidden;
  z-index: 0;
}

h2 {
  text-align: center;
  font-family: alexbrush_regular, Georgia, Helvitia;
  font-size: 6.5vmax;
  color: #EC2;
  text-shadow: 0px 0px 0 #000,1px 1px 0 rgb(201,21,24),
  2px 6px 0 rgb(224,24,20),3px 3px 0 rgb(19,8,241),
  4px 4px 0 rgb(19,13,17),5px 5px 0 rgb(18,18,166),
  6px 2px 0 rgb(14,244,44),7px 7px 6px rgba(0,0,0,0.6),
  7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2),
  -2px -2px 0 #00C, -3px -3px 0 rgba(2,2,240,.8);
  text-decoration: none;
}

article {
  margin: .5vmax auto;
  padding: 2vh 2vw;
  z-index: 2;
}

.one {
  width: 45vw;
  background-image: linear-gradient(to right, antiquewhite, orange, azure);
  color: #000;
  border: .5vmin groove #200;
  outline: .5vmin groove #0C2;
  margin-bottom: 3vh;
}

.two {
  width: 75vw;
  background-image: linear-gradient(to right, red, gold, green, black, green, gold, red);
  border: .5vmin groove #002;
  outline: .5vmin groove #C20;red
  margin-top: 3vh;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

.three {
  width: 75vw;
  background-image: linear-gradient(to right, black, green, gold, red, gold, green, black);
  border: .5vmin groove #902;
  outline: .5vmin groove #C2B;
  margin-top: 3vh;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

p {
  margin: 2.5%;
  font-size: max(((2rem + 2vw)/3.5), .95rem);
  line-height: 1.5;
  text-indent: 7.5%;
  text-align: justify;
  text-align-last: auto;
}