@font-face {
  font-family: 'Arcade2';
  src:  url('../Fonts/arcade2/G7StarForceTtf-OEg6.ttf') format('truetype');  
}

@font-face {
  font-family: 'Arcade1';
  src:  url('../Fonts/arcade1/PressStart2P-vaV7.ttf') format('truetype');  
}

@font-face {
  font-family: 'Games';
  src:  url('../Fonts/games-font/Games-XvD2.ttf') format('truetype');  
}

@font-face {
  font-family: 'Miedinger-Book';
  src: url('../Fonts/miedinger/Miedinger--Book.woff') format('woff');
}
    

@font-face {
  font-family: 'Miedinger-Book-Italic';
  src: url('../Fonts/miedinger/Miedinger--Book-Italic.woff') format('woff');
}
    

@font-face {
  font-family: 'Miedinger-Bold';
  src: url('../Fonts/miedinger/Miedinger--Bold.woff') format('woff');
}
    

@font-face {
  font-family: 'Miedinger-Bold-Italic';
  src: url('../Fonts/miedinger/Miedinger--Bold-Italic.woff') format('woff');
}

body { background-color: black;background-attachment: fixed;background-size:cover;background-repeat:no-repeat; font: normal normal normal 10px/1.8 'Arcade1'; color: #8702a9; margin: 0 0; box-sizing:border-box; }
ul { margin: 0 0; padding: 0 0; list-style: none;}
img { max-width: 100%; height: auto; }
a {margin: 0;padding: 0;border: 0;font-size: 100%;border-bottom: none; color: black; text-decoration: none;font: inherit;}
h1{margin: 0;padding: 0;border: 0; vertical-align: baseline;font: normal normal normal 10px/1.2 'Games';}
h2 {margin: 0;padding: 0;border: 0; vertical-align: baseline;font: normal normal normal 10px/1.2 'Arcade1';}
h3 {margin: 0;padding: 0;border: 0; vertical-align: baseline; }
p {margin: 0;padding: 0;border: 0; vertical-align: baseline;}

.wrap { box-sizing: border-box; max-width: 1200px; padding: 0 30px; margin: 0 auto;}

/* design notes*/

.blockdn {background-image:url(./PF/rotrtitle.jpg);background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; background-color:black;}
.blockdn .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.blockdn div {height:15em;}

.blockdnfof {background-image:url(./PF/fofix.jpg);background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; background-color:black;}
.blockdnfof .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.blockdnfof div {height:15em;}

.videoholder {position:relative;padding-bottom:0;}

.block1dn {background-image:url(./PF/rotrbl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 5em 0;text-align:left;}
.block1dn .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block1dn h1 {font-size:7em;color: white;text-shadow: 3px 3px #1c0220;padding-bottom:0.1em;}
.block1dn h2 {font-size:2.5em;font-family:'Miedinger-Bold';color: white;text-shadow: 3px 3px #1c0220;padding-bottom:0.5em;}
.block1dn h4 {font-size:1.2em;font-family:'Miedinger-Book';color: white;text-shadow: 3px 3px #1c0220;padding-bottom:1em;padding-top:0;margin:0;}
.block1dn p {font-size:2em;font-family:'Miedinger-Book';color:white;text-shadow: 2px 2px #1c0220;padding-bottom:1em;}
.block1dn ol {font-size:2em;font-family:'Miedinger-Book';color:white;text-shadow: 2px 2px #1c0220;padding-bottom:1em;}
.block1dn a {margin-top:1em;background-color:#862d05;color:#e8ba0b;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block1dn a:hover {background-color:#e8ba0b;color:#862d05;text-shadow: none;transition-duration: 0.3s;}

.leftside {width:50%; padding-right:3%;}
.rightside {width:50%; padding-left:3%;}

.block2dn {background-image:url(./PF/rotrblb.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 5em 0;text-align:left;}
.block2dn .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block2dn h1 {font-size:7em;color: white;text-shadow: 3px 3px #1c0220;padding-bottom:0.1em;}
.block2dn h2 {font-size:2.5em;font-family:'Miedinger-Bold';color: white;text-shadow: 3px 3px #1c0220;padding-bottom:0.5em;}
.block2dn h4 {font-size:1.2em;font-family:'Miedinger-Book';color: white;text-shadow: 3px 3px #1c0220;padding-bottom:1em;padding-top:0;margin:0;}
.block2dn p {font-size:2em;font-family:'Miedinger-Book';color:white;text-shadow: 2px 2px #1c0220;padding-bottom:1em;}
.block2dn ol {font-size:2em;font-family:'Miedinger-Book';color:white;text-shadow: 2px 2px #1c0220;padding-bottom:1em;}
.block2dn ul {list-style-position:inside;}
.block2dn a {margin-top:1em;background-color:#862d05;color:#e8ba0b;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block2dn a:hover {background-color:#e8ba0b;color:#862d05;text-shadow: none;transition-duration: 0.3s;}
.a {list-style-type: disc;}
.b {margin-left:30px;}