@charset: "UTF-8";

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

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

main {
	margin: 0 auto;
	padding: 3vmax auto;
	background-image: url('/.pix/euro_extracted_80.png');
}

h2 {
  text-align: center;
  font-family: daniel, Georgia, Helvitia;
  font-size: 6.5vmax;
  color: #CE2;
  text-shadow: 0px 0px 0 #000,1px 1px 0 rgb(21,210,24),
  2px 6px 0 rgb(24,24,230),3px 3px 0 rgb(139,8,21),
  -4px -4px 0 rgb(196,13,178),5px 5px 0 rgb(188,183,16),
  -6px 2px 0 rgb(194,24,8),7px 7px 6px rgba(210,0,0,0.6),
  7px 7px 1px rgba(0,210,0,0.5),0px 0px 6px rgba(0,0,225,.2),
  -2px -2px 0 #0C0, -3px -3px 0 rgba(240,2,2,.8);
  text-decoration: none;
}

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

.one {
  width: 60vw;
  background-image: linear-gradient(antiquewhite, orange, azure);
  color: #000;
  border: .75vmax inset #070;
  outline: .75vmax groove #C27;
}

.two, .three {
	width: 75vw;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.two {
  background-image: linear-gradient(to right, black, green, gold, red, gold, green, black);
  border: .75vmax groove #B02;
  outline: .75vmax groove #C08;
}

.three {
  background-image: linear-gradient(to right, red, gold, green, black, green, gold, red);
  border: .75vmin groove #9A2;
  outline: .75vmin groove #C2B;
}

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;
}

article a button {
  color: #F00;
  font-size: max(((4rem + 3.5vw)/3.5), .65rem);
  font-weight: bolder;
  font-family: morpheus, serif;
  line-height: 1.5;
  text-shadow: .2vmin .2vmin .2vmin 0 #000, 
              -.2vmin -.2vmin .2vmin 0 #000;  
}