@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');
}

html { color-scheme: dark; }
body { background-image:url(./PF/helabl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat; background-color: #000000; 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;}

.header {padding: 2.5em 0;background-color:black;opacity:0.8;}
.header .wrap {max-width:1600px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.header ul {display: flex; flex-direction: row; justify-content: flex-end;align-items: center;}
.header li {padding-left:30px;}
.header li a {color:#8702a9;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.header li a:hover {background-color:#8702a9;color:#43da01;font-size:1.8em;transition-duration:0.5s;}
.social {margin-bottom:0.5em;}
.social li a:hover {background-color:#43da01;font-size:1.8em;}

.banner {text-align:left; color:white;position:relative;padding: 22em 0; }
.banner .wrap {max-width:700px;}
.banner h2 {font-size:3em;font-family:'Arcade1';text-align: center;color:#e6a52c;text-shadow: 3px 3px #0d2200;}
.banner h2:hover {color:#ca001a;}
.bgr {position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background-size:cover;background-repeat:no-repeat;}

.block1 {opacity:0.8;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block1 .wrap {display: flex; flex-direction: row;}
.leftside {width:50%; padding-right:3%;}
.rightside {width:50%; padding-left:3%;}
.block1 h1 {font-size:7em;color: #8702a9;text-shadow: 3px 3px #1c0220;}
.block1 h2 {font-size:2.5em;color: #8702a9;text-shadow: 2px 2px #1c0220;}
.block1 p {margin: 1em 0;margin-bottom:2.5em; color:gray;font-size:1.7em;}
.block1 a {margin-top:1em;background-color:#349309;color:#8702a9;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block1 a:hover {background-color:#8702a9;color:#43da01;text-shadow: none;transition-duration: 0.3s;}

.block2 {padding: 8em 0;}
.block2 h1 {font-size:7em;text-align:center;text-shadow: 3px 3px #1c0220;}
.block2 h2 {font-size:2.5em;text-align:center;margin-bottom:3em;text-shadow: 2px 2px #1c0220;}
.block2 h3 {font-size:2.2em;padding-bottom:0.3em;color: #e6a52c;text-shadow: 3px 3px #0d2200;}
.block2 img {border: solid;border-width:3px;border-color:#0d2200;}
.grweb {display: grid;grid-template-columns: 30% 30% 30%; grid-template-rows: 45% 45%;grid-column-gap: 5%;grid-row-gap: 50px;}
.grweb div:not(.icon-holder) {background-color:#8702a9;padding:2em 2em 3em 2em; text-align:center;box-shadow: 3px 3px #1c0220; }
.grweb div:not(.icon-holder):hover {background-color:#349309;transition-duration: 0.3s; }
.grweb .icon-holder { display: flex; align-items: center; justify-content:center; }

/* Separatist*/

.block2separatist .wrap {display: flex; flex-direction: column;}
.block2separatist {padding: 8em 0; background-image:url(./PF/infernobg.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;}

.block2separatist a {margin:1em 1em;background-color: #e6a52c;color:#ca001a;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block2separatist a:hover {background-color:#ca001a;color: #e6a52c;text-shadow: none;transition-duration: 0.3s;}

.block2separatist h1 {color: #e6a52c;font-size:7em;text-align:center;text-shadow: 3px 3px #1c0220;}
.block2separatist h2 {color: #e6a52c;font-size:2.5em;text-align:center;margin-bottom:3em;text-shadow: 2px 2px #1c0220;}
.block2separatist h3 {font-size:2.2em;padding-bottom:0.3em;text-align:center; color: #e6a52c;text-shadow: 3px 3px #0d2200;}


/* Arts*/

.artspre {height:75em;}
.artspre h2 {text-align:right;}

.headera {padding: 2.5em 0;}
.headera .wrap {max-width:1600px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.headera ul {display: flex; flex-direction: row; justify-content: flex-end;align-items: center;}
.headera li {padding-left:30px;}
.headera li a {color:#e6a52c;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.headera li a:hover {background-color:#e6a52c;color:#ca001a;font-size:1.8em;transition-duration:0.5s;}
.sociala {margin-bottom:0.5em;}
.sociala li a:hover {background-color:#ca001a;font-size:1.8em;}

.bannera {text-align:left; color:white;position:relative;padding: 22em 0; }
.bannera .wrap {max-width:700px;}
.bannera h2 {font-size:3em;font-family:'Arcade1';text-align: center;color:#e6a52c;text-shadow: 3px 3px #0d2200;}
.bannera h2:hover {color:#ca001a;}
.bannera h3 {padding-top:2em;text-align:center;font-size:1.8em;color: #e6a52c;}
.bannera a {color:#8702a9;}
.bannera a:hover {color:#43da01;transition-duration:0.5s;}
.bgra {position:absolute;left:0;right:0;top:0;bottom:0;z-index:-1;background-size:cover;background-repeat:no-repeat;}

.block1a {background-image:url(./PF/helabl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block1a .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block1a h1 {font-size:7em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block1a h2 {font-size:2.5em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block1a h3 {text-align:right;padding:0.5em 0;color: #e6a52c;}
.block1a .images li:after {border: 6px solid #e6a52c;}
.block1a .images li:hover:after { border-color:#ca001a ;}

.block2a {background-image:url(./PF/hyenabbl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block2a .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block2a h1 {font-size:7em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block2a h2 {font-size:2.5em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block2a h3 {text-align:right;padding:0.5em 0;color: #e6a52c;}
.block2a .images li:after {border: 6px solid #e6a52c;}
.block2a .images li:hover:after { border-color:#ca001a;}

.block3a {background-image:url(./PF/hyenasbl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block3a .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block3a h1 {font-size:7em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block3a h2 {font-size:2.5em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block3a h3 {text-align:right;padding:0.5em 0;color:#0095d2;}
.block3a .images li:after {border: 6px solid #e6a52c;}
.block3a .images li:hover:after { border-color:#ca001a;}

.block4a {background-image:url(./PF/tattoosbbl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block4a .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block4a h1 {font-size:7em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block4a h2 {font-size:2.5em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block4a h3 {text-align:right;padding:0.5em 0;color:#0095d2;}
.block4a .images li:after {border: 6px solid #e6a52c;}
.block4a .images li:hover:after { border-color:#ca001a;}

.block5a {background-image:url(./PF/tattoosbl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block5a .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block5a h1 {font-size:7em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block5a h2 {font-size:2.5em;color: #e6a52c;text-shadow: 3px 3px #1c0220;}
.block5a h3 {text-align:right;padding:0.5em 0;color:#0095d2;}
.block5a .images li:after {border: 6px solid #e6a52c;}
.block5a .images li:hover:after { border-color:#ca001a;}

.footera {font-family:'Arcade1';color:#e6a52c;text-shadow: 3px 3px black; padding: 4em 0;background-image:url(./PF/hyenasblp.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;}
.footera body {background-image:url(./PF/hyenasbl.jpg);}
.footera .wrap {max-width:1600px;}
.footera h3 {font-size: 1.5em;}
.footera a {color:#ca001a;text-shadow: 3px 3px black;}
.footera a:hover {background-color:#ca001a;color:#e6a52c;transition-duration: 0.3s;text-shadow: none;}

/* artsp*/

.block1aa {background-image:url(./PF/hela.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block1aa .wrap {display: flex; flex-direction: row;align-items: flex-start;}

.block2aa {background-image:url(./PF/hyenab.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block2aa .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block2aa h2 {font-size:3em;font-family:'Arcade1';text-align: center;color:#e6a52c;text-shadow: 3px 3px #0d2200;}
.block2aa h2:hover {color:#ca001a;}
.block2aa h3 {padding-top:2em;text-align:center;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.block2aa a {color:#8702a9;}
.block2aa a:hover {color:#43da01;transition-duration:0.5s;}

.block3aa {background-image:url(./PF/hyenas.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block3aa .wrap {display: flex; flex-direction: row;align-items: flex-start;}

.block4aa {background-image:url(./PF/tattoosb.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block4aa .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block4aa h2 {font-size:3em;font-family:'Arcade1';text-align: center;color:#e6a52c;text-shadow: 3px 3px #0d2200;}
.block4aa h2:hover {color:#ca001a;}
.block4aa h3 {padding-top:2em;text-align:center;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.block4aa a {color:#8702a9;}
.block4aa a:hover {color:#43da01;transition-duration:0.5s;}

.block5aa {background-image:url(./PF/tattoos.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block5aa .wrap {display: flex; flex-direction: row;align-items: flex-start;}


/* scripts*/

.headersc {padding: 2.5em 0;background-color:black;opacity:0.8;}
.headersc .wrap {max-width:1600px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.headersc ul {display: flex; flex-direction: row; justify-content: flex-end;align-items: center;}
.headersc li {padding-left:30px;}
.headersc li a {color:#9a9998;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.headersc li a:hover {background-color:#9a9998;color:#494a4d;font-size:1.8em;transition-duration:0.5s;}
.socialsc {margin-bottom:0.5em;}
.socialsc li a:hover {background-color:#494a4d;font-size:1.8em;}

.block2s {background-image:url(./PF/helabl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block2s .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block2s h1 {font-size:7em;color: #8702a9;text-shadow: 3px 3px #1c0220;}
.block2s h2 {font-size:2.5em;color: #8702a9;text-shadow: 3px 3px #1c0220;}

/* design notes*/

.headerdn {padding: 2.5em 0;background-color:black;opacity:0.8;}
.headerdn .wrap {max-width:1600px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.headerdn ul {display: flex; flex-direction: row; justify-content: flex-end;align-items: center;}
.headerdn li {padding-left:30px;}
.headerdn li a {color:#96080b;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.headerdn li a:hover {background-color:#96080b;color:#cb53d2;font-size:1.8em;transition-duration:0.5s;}
.socialdn {margin-bottom:0.5em;}
.socialdn li a:hover {background-color:#cb53d2;font-size:1.8em;}

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

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

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

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

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

.videoholder {position:relative;padding-top:4em;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;}

.block1dns4 {background-image:url(./PF/hyenabl.jpg);background-attachment: fixed;background-size:cover;background-repeat:no-repeat;padding: 5em 0;text-align:left;}
.block1dns4 .wrap {display: flex; flex-direction: row;align-items: flex-start;}
.block1dns4 h1 {font-size:7em;color: #e6a52c;text-shadow: 2px 2px #1c0220;padding-bottom:0.1em;}
.block1dns4 h2 {font-size:2.5em;font-family:'Miedinger-Bold';color: #30a74a;text-shadow: 2px 2px #1c0220;padding-bottom:0.5em;}
.block1dns4 h4 {font-size:1.2em;font-family:'Miedinger-Bold';color: #30a74a;text-shadow: 1px 1px #1c0220;padding-bottom:1em;padding-top:0;margin:0;}
.block1dns4 p {font-size:2em;font-family:'Miedinger-Bold';color:#30a74a;text-shadow: 1px 1px #1c0220;padding-bottom:1em;}
.block1dns4 ol {font-size:2em;font-family:'Miedinger-Bold';color:#30a74a;text-shadow: 1px 1px #1c0220;padding-bottom:1em;}
.block1dns4 a {margin-top:1em;background-color:#349309;color:#8702a9;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block1dns4 a:hover {background-color:#8702a9;color:#43da01;text-shadow: none;transition-duration: 0.3s;}

.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;}
.a {list-style-type: disc;}
.b {margin-left:30px;}

/* CV */

.headercv {padding: 2.5em 0;background-color:black;opacity:0.8;}
.headercv .wrap {max-width:1600px;display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.headercv ul {display: flex; flex-direction: row; justify-content: flex-end;align-items: center;}
.headercv li {padding-left:30px;}
.headercv li a {color:#0c1cd1;font-size:1.8em;text-shadow: 2px 2px #1c0220;}
.headercv li a:hover {background-color:#0c1cd1;color:#1e85b6;font-size:1.8em;transition-duration:0.5s;}
.socialcv {margin-bottom:0.5em;}
.socialcv li a:hover {background-color:#1e85b6;font-size:1.8em;}

@keyframes blinker {from { color:#0c1cd1; } to { color: #43da01; }}
.block1cv {opacity:0.8;padding: 7em 0;text-align:left;border-width: 1px; border-bottom: solid;border-bottom-color: rgba(0, 0, 0, 0.1);background-color:black;}
.block1cv .wrap {display: flex; flex-direction: row;}
.block1cv h1 {font-size:7em;color: #0c1cd1;text-shadow: 3px 3px #1c0220;}
.block1cv h2 {font-size:2.5em;text-shadow: 2px 2px #1c0220;animation-name: blinker; animation-iteration-count: infinite;animation-timing-function: cubic-bezier(.5, 0, 1, 1);animation-duration: 0.5s;}
.block1cv p {margin: 1em 0;margin-bottom:2.5em; color:gray;font-size:1.7em;}
.block1cv a {margin-top:1em;background-color:#1e85b6;color:#0c1cd1;font-size: 1.4em;padding: 1em 40px;text-shadow: 2px 2px #1c0220;}
.block1cv a:hover {background-color:#0c1cd1;color:#1e85b6;text-shadow: none;transition-duration: 0.3s;}


.single-cvcv { margin-top: 3.6em; }
.single-cvcv embed { width: 100%; height: 100vh; }
.single-cvcv a { display: inline-block; margin-top: 1em; background-color:#1e85b6;color:#0c1cd1; font-size: 1.4em; padding: 1em 40px; text-shadow: 2px 2px #1c0220; }
.single-cvcv a:hover {background-color:#0c1cd1;color:#1e85b6;transition-duration: 0.5s;text-shadow: none;}

.footercv {font-family:'Arcade1';color:#0c1cd1;text-shadow: 3px 3px black; padding: 4em 0;background-color:#29042f;opacity:0.8;}
.footercv body {background-image:url(./PF/hyenasbl.jpg);}
.footercv .wrap {max-width:1600px;}
.footercv h3 {font-size: 1.5em;}
.footercv a {color:#0c1cd1;text-shadow: 3px 3px black;}
.footercv a:hover {background-color:#0c1cd1;color:#1e85b6;transition-duration: 0.3s;text-shadow: none;}

/* Footer*/

.footer {font-family:'Arcade1';color:#e6a52c;text-shadow: 3px 3px black; padding: 4em 0;background-color:#29042f;opacity:0.8;}
.footer .wrap {max-width:1600px;}
.footer h3 {font-size: 1.5em;}
.footer a {color:#43da01;text-shadow: 3px 3px black;}
.footer a:hover {color:#8702a9;background-color:#43da01;transition-duration: 0.3s;text-shadow: none;}
.contact {display: flex; flex-direction: row; justify-content: space-between;}
.contact ul {display: flex; flex-direction: row; justify-content: space-between;}
.copyright {display: flex; flex-direction: row; text-align:center;border-top: solid;border-color: gray;padding:1em 0;}
.copyright li {text-size:0.75em;}
.copyright a {color: white;}

.no-flex .wrap { display: block; }
.images { display: block; margin-top: 3.6em; }
.images ul { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -2em; }
.images li { position: relative; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; width: 33.33%; max-height: 21.3em; overflow: hidden; padding-left: 2em; margin-bottom: 2em; }
.images li:after { position: absolute; content: ''; display: block; left: 2em; right: 0; top: 0; bottom: 0; border: 6px solid #8702a9; transition: all 0.3s ease-in-out; }
.images li:hover { cursor: pointer; }
.images li:hover:after { border-color: #43da01; }
.images.videos li:after { display: none; }

.pdfs { display: block; margin-top: 3.6em; }
.pdfs ul { display: flex; flex-wrap: wrap; flex-direction: row; margin-left: -2em; }
.pdfs li { height: 60vh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; width: 33.33%; overflow: hidden; padding-left: 2em; margin-bottom: 2em; }
.pdfs li .holder { position: relative; widows: 100%; height: 100%; }
.pdfs li embed { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; }
.pdfs li .buttons a { display: inline-block; }

.single-cv { margin-top: 3.6em; }
.single-cv embed { width: 100%; height: 100vh; }
.single-cv a { display: inline-block; margin-top: 1em; background-color: #349309; color: #8702a9; font-size: 1.4em; padding: 1em 40px; text-shadow: 2px 2px #1c0220; }
.single-cv a:hover {background-color:#8702a9;color:#43da01;transition-duration: 0.5s;text-shadow: none;}