@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Monylop-Regular';
  src: url('https://papes.art/fnts/Monylop-Regular.woff');
}
@font-face {
  font-family: 'Monylop-Black';
  src: url('https://papes.art/fnts/Monylop-Black.woff');
}
@font-face {
  font-family: 'Monylop-BW';
  src: url('https://papes.art/fnts/Monylop-BW.woff');
}
@font-face {
  font-family: 'Monylop-Italic';
  src: url('https://papes.art/fnts/Monylop-Italic.woff');
}
@font-face {
  font-family: 'Monylop-Black-Italic';
  src: url('https://papes.art/fnts/Monylop-Black-Italic.woff');
}
body {
	background-color: #FFFFFF;
	color:#000;
	font-family: 'Monylop-Regular';
	font-size: 7px;
	line-height:23.5px;
	margin: 0px;
	letter-spacing:0;
	word-spacing:0;
	padding-top: 100px;
	background-attachment: fixed;
	background-repeat:repeat;
	background-position:center;
	background-size:100%;
}
i {
	font-family: 'Monylop-Italic';
	font-style: normal;
	}
@font-face {
  font-family: 'SodarGX';
  src: url('https://papes.art/fnts/SodarGX.ttf');
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  body {
    font-size: 7px;
  }
}
::selection {
	color:#FFFFFF;
}
.ital {
	font-family: 'Monylop-Italic';
	text-decoration:none;
}
#QWERTYSm {
	text-align:center; 
	font-family:SodarGX;
	color:#FFFFFF;
	word-break:break-all;
	margin-top:-31px;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 46.5px;
}
#copy {
	width: 100%;
	text-align: right;
	padding-bottom:1.1%;
	transform: rotate(0deg);
	font-size:5px;
	line-height:14px;
	color: #FFFFFF;
	background-color: #000000;
	margin-top: -1px;
}
a {	
	color: #000;
	text-decoration:none;
}
a:active {
}
a:hover {
	color: #000;
	cursor: hand;
	text-decoration:none;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
#linktree {
	cursor: cell; border: none; color: #FFFFFF; background-color: #000000; height: 100px; width: 100%; padding-top: 16.6px; margin: 0px; display: block; cursor: cell; text-align: center; font-size: 10px; line-height: 36.6px; height: 55px; border-top: 0.5px solid #FFF; -webkit-animation: invert 2.9s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: invert 2.9s; /* Firefox < 16 */
    -ms-animation: invert 2.9s; /* Internet Explorer */
    -o-animation: invert 2.9s; /* Opera < 12.1 */
    animation: invert 2.9s;
}
#linktree:hover {
	cursor: cell;
	color: #FFFFFF;
	font-family: 'Monylop-Italic';
	text-decoration:none;
	animation: invrt 0.69s forwards ;
	}
@keyframes invrt {
  0% { filter: invert(0%); }
  100% { filter: invert(100%); }
}
.invertz {
-webkit-animation: invert 2.9s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: invert 2.9s; /* Firefox < 16 */
    -ms-animation: invert 2.9s; /* Internet Explorer */
    -o-animation: invert 2.9s; /* Opera < 12.1 */
    animation: invert 2.9s;
}
@keyframes invert {
    from { filter: invert(100%); }
    to   { filter: invert(0%); }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { filter: invert(100%); }
    to   { filter: invert(0%); }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { filter: invert(100%); }
    to   { filter: invert(0%); }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { filter: invert(100%); }
    to   { filter: invert(0%); }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { filter: invert(100%); }
    to   { filter: invert(0%); }
}
#QWERTY {
	width: 100%;
	text-align: center;
	position: fixed;
	z-index: 2;
	top: 0px;
	padding-top: 0px;
	height: 100px;
	margin: 0px;
	background-image: url('https://papes.art/img/BGpape_L.svg'); background-repeat:repeat; background-position: center; background-size:100%;
}
.blink_me {
  animation: color-change 1.11s normal forwards;
  -webkit-animation: color-change 1.11s normal forwards; 
  -moz-animation:    color-change 1.11s normal forwards;
  -o-animation:      color-change 1.11s normal forwards;
	}
@keyframes color-change {
  0% { color: #000000 }
  100% { color: #FFFFFF; }
}
#Sodar {
	text-align:center; 
	font-family:SodarGX;
	word-break:break-all;
	margin-top:2px;
	background-color: #FFFFFF;
	font-feature-settings: "kern" on, "liga" on, "calt" on;
	-moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-o-font-feature-settings: "kern" on, "liga" on, "calt" on;
	font-variation-settings: 'wght' 0, 'wdth' 0; animation: breathe 6000ms infinite reverse;
	animation-direction: backwards;
	text-shadow: #222222 0px -0.5px 4.5px;
	position: fixed; top: 6px; width: 100%; z-index: 3;
	letter-spacing:none; font-size: 48px; line-height:0px; color: #FFFFFF;
	}
@keyframes breathe { 
	0% { font-variation-settings: 'wght' 200; 
	}
	33% { font-variation-settings: 'wght' 200; 
	}
	50% { font-variation-settings: 'wght' 200; 
	}
	77% { font-variation-settings: 'wght' 200; 
	}
	100% { font-variation-settings: 'wght' 300; 
	}}
#col {
	text-align: left; margin-top: 0px; width: 60%; background-color: #FFFFFF; margin-left: 23%; font-size: 8px; line-height: 26px; max-width: 888px; padding-left: 7px; margin-top: 19px; margin-bottom: 64px; padding-top: 56px; padding-bottom: 7px;
	}
#colname {
	text-align: left; margin-top: 0px; width: 60%; background-color: #FFFFFF; padding-left: 23%; font-size: 8px; line-height: 26px; max-width: 888px;
	width: 100%; position: absolute; top: 181px; line-height: 0px; font-family: Monylop-Black;
}
#inv {
	width: 100%; text-align: left; margin-top: -1px; margin-left: 0px;
}
#inv:hover {
	background-color: #000;
	display: block;
	cursor: pointer;
	animation: bounce .30s forwards;
}
@keyframes bounce{
    0% { transform: translateX(0px)}
	50% { transform: translateX(1.23%)}
    100% { transform: translateX(0%)}
}
#issue {
	width: 77%; margin-left: 23%; 
	position: absolute; text-align: center; margin-top: 0px; padding-top:10px; background-color: #000000; padding-bottom:25px; text-align: left; height: 37px; pointer-events:none; font-family: SodarGX; font-size: 65px; line-height: -100px; margin-bottom:0px; font-variation-settings: 'wght' 0; color: #FFFFFF; text-align: left; padding-left: 3.5px; cursor: default;;
}
#space {
	visibility: hidden;
	display: none;
	}
#colname {
	animation: shifty .77s forwards;
	cursor: default;
}
@keyframes shifty{
    0% { transform: translateY(-20px) }
    100% { transform: translateY(0%)}
}
#ArtistIssuelink {
	cursor: pointer; border: none; color: #000000; background-color: #FFFFFF; height: 100px; width: 100%; padding-top: 25px; margin: 0px; display: block; cursor: cell; text-align: center; font-size: 8px; line-height: 26px; height: 50px; border-top: 0.5px solid #000; border-bottom: 0.5px solid #000; -webkit-animation: invert 2.9s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: invert 2.9s; /* Firefox < 16 */
    -ms-animation: invert 2.9s; /* Internet Explorer */
    -o-animation: invert 2.9s; /* Opera < 12.1 */
    animation: invert 2.9s;
}
#ArtistIssuelink:hover {
	cursor: pointer;
	color: #FFFFFF;
	font-family: 'Monylop-Italic';
	text-decoration:none;
	animation: invrtb 0.69s forwards ;
	border-bottom: 0.5px solid #FFFFFF;
	}
@keyframes invrtb {
  0% { background-color: #FFFFFF; color: #000000; }
  100% { background-color: #000000; color: #FFFFFF; }
}
#IssArtistL1 {
		width: 50%; display: inline-block;
	}
#IssArtistL {
		width: 50%; display: inline-block;
	}
#BUYBG {
	width: 100%; height: 100px; background-color: #000000;
}
#BUY {
	border:none; outline:2px solid #FFFFFF; margin-top: -36px; color:#FFFFFF; font-family: Monylop-Regular; background-color: #000000; border-radius: 0px; font-size: 9px; height: 22px; padding: 7px; text-align: center; position: absolute; left: 50%; position: absolute; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 150px;
	}
#BUY:hover {
	cursor: hand;
	text-decoration:none;
	font-family: 'Monylop-Regular';
	animation: BW-inv 0.33s forwards 1;
	outline:1px solid #000000;
}
@keyframes BW-inv {
  0% { filter: invert(0%); }
  100% { filter: invert(100%); }
}
#invFone {
	visibility: hidden;
	display: none;
}

@media only screen and (max-width: 777px) {
#IssArtistL1 {
	width: 100%; display: inline-block; border-bottom: 0px; border-top: 0.8px solid #000000;
	}
#IssArtistL {
	width: 100%; display: inline-block; border-bottom: 0px;
	}
#ArtistIssuelink:hover { 
	border-bottom: 0px;
}
#space {
	visibility: visible;
	display: inline;
}
#col {
	width: 98%;
	margin-left: 0%;
	}
#colname {
	padding-left: 0px;
	margin-left: 0%;
	}
#inv  {
	display: none;
	visibility: hidden;
	}
#invFone { display: inline; visibility: visible;
	width: 100%; text-align: left; margin-top: -1px; margin-left: 0px;
}
#issue {
	width: 99.5%; margin-left: 0%; padding-left: 0.5px; left: 0px; pointer-events:all;
	}
}
@media only screen and (max-width: 555px) {
#issue {
	width: 99.5%; margin-left: 0%; padding-left: 0px; left: 0.5px;
	}
#socials {
	padding-top: 30px;
	}
#QWERTY {
	background-image: url('https://papes.art/img/BGpape_.svg');
}
#Sodar { 
	font-size: 28px;
	}
#QWERTYMOB {
	visibility: visible;
	display: inline-block;
	width: 100%;
	text-align:center; 
	font-family:SodarGX;
	color:#FFFFFF;
	word-break:break-all;
	margin-top:0px;
	font-size: 28px;
	line-height: 28px;
	margin-bottom: 46.5px;
	font-feature-settings: "kern" on, "liga" on, "calt" on;
	-moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
	-o-font-feature-settings: "kern" on, "liga" on, "calt" on;
	font-variation-settings: 'wght' 0, 'wdth' 0; animation: breathe 6000ms infinite reverse;
	animation-direction: backwards;
	text-shadow: #828282 0.53px 0 5.8px;
}
	}
#linktreeBG:hover  {
	animation: invrt 0.69s forwards ;
	border-top: 0.6px solid #FFF;
	}
@keyframes invrt {
  0% { filter: invert(0%); }
  100% { filter: invert(100%); }
}
.roll:hover {
	animation: buzz 0.23s forwards infinite;
	border: none;
}
@keyframes buzz {
  0% { filter: invert(0%); }
  100% { filter: invert(50%); }
}
.fader {
-webkit-animation: fadein 1.33s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1.33s; /* Firefox < 16 */
    -ms-animation: fadein 1.33s; /* Internet Explorer */
    -o-animation: fadein .1.33s; /* Opera < 12.1 */
    animation: fadein 1.33s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}}