head {
  background: url('..img/udg2.png')
}
.credit {
	float: right;
	font-family: "Lordish";
	word-break:break-all;
	font-size: 20px
}
@font-face {
    font-family: 'Lordish';
    src: url('../fonts/Lordish/Lordish-Regular.eot');
    src: url('../fonts/Lordish/Lordish-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lordish/Lordish-Regular.woff2') format('woff2'),
        url('../fonts/Lordish/Lordish-Regular.woff') format('woff'),
        url('../fonts/Lordish/Lordish-Regular.svg#Lordish-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Anita  Semi-square';
    src: url('../fonts/Anita Semi Square/AnitaSemi-square.eot');
    src: url('../fonts/Anita Semi Square/AnitaSemi-square.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Anita Semi Square/AnitaSemi-square.woff2') format('woff2'),
        url('../fonts/Anita Semi Square/AnitaSemi-square.woff') format('woff'),
        url('../fonts/Anita Semi Square/AnitaSemi-square.svg#AnitaSemi-square') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'brigadoom wide brk';
    src: url('../fonts/brigadow/brigadoomwidebrk.eot');
    src: url('../fonts/brigadow/brigadoomWidebrk.eot?#iefix') format('embedded-opentype'),
        url('../fonts/brigadow/brigadoomWidebrk.woff2') format('woff2'),
        url('../fonts/brigadow/brigadoomwidebrk.woff') format('woff'),
        url('../fonts/bigadow/brigadoomwidebrk.svg#brigadoomwidebrk') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
	background-image: url('../img/ojb.gif');
 transform: translate3d(0,0,0);
	background-position: center;
	 background-repeat: no-repeat;
	background-attachment: fixed;	
  text-align: center;
  color: white;
  font-size: 20px;
	   text-shadow:-1px 0 red, 0 1px red, 1px 0 black, 0 -1px black, 0 0 5px white, 0 0 5px white,0 0 8px white;
	background-size: 100vh;
	background-size: cover;
	min-height: 529px;
}
@keyframes rainbow {
	0% {background-color:#42FF00}
	7% {background-color:#E7E4A7}
	15% {background-color:#0008AB}
	30% {background-color:#63296E}
	40% {background-color:#F5D00C}
	60% {background-color:#00FFA3}
	70% {background-color:#FFFFFF}
	80% {background-color:#A4AF72}
    90% {background-color:#0C0B00}
	100% {background-color:hotpink}
}
title {
 padding: 50px
}
#menu ol{
  list-style: none;
	font-size: 25px;
}
#menu li{
  display: inline;
	font-size: 25px		
}
nav li {
  font-family: 'Brigadoom Wide BRK'; 
font-size: 25px;
}
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
@keyframes ugd {
	0% { background-color:black}
	35% {background-color:#161D64}
	50% {background-color: #3D164A}
	75% {background-color: #5E172D}
}
@keyframes glow {
	0% {text-shadow: 0px 0px 10px aqua, 0px 0px 20px purple,0px 0px 5px aqua, 0px 0px 10px purple}
	50% {text-shadow:0px 0px 40px purple, 0px 0px 70px aqua,0px 0px 30px purple, 0px 0px 50px aqua}
	75% {text-shadow: 0px 0px 20px purple, 0px 0px 50px aqua,0px 0px 20px purple, 0px 0px 30px aqua}
	100% {text-shadow: 0px 0px 10px aqua, 0px 0px 20px purple,0px 0px 5px aqua, 0px 0px 10px purple}
}
@keyframes glow2 {
	0% {box-shadow: 0px 0px 10px aqua, 0px 0px 20px purple,0px 0px 5px aqua, 0px 0px 10px purple}
	40% {box-shadow:0px 0px 40px purple, 0px 0px 70px aqua,0px 0px 30px purple, 0px 0px 50px aqua}
	65% {box-shadow: 0px 0px 20px red, 0px 0px 50px red,0px 0px 20px purple, 0px 0px 30px aqua}
	80% {box-shadow: 0px 0px 30px green, 0px 0px 20px purple,0px 0px 50px green, 0px 0px 10px purple}
	100% {box-shadow: 0px 0px 10px aqua, 0px 0px 20px purple,0px 0px 5px aqua, 0px 0px 10px purple;}
}
nav li {
  display: inline-block;
  text-shadow: 0px 0px 15px aqua, 0 0 30px purple,0 0 50px purple,0 0 50px purple;
padding:20px;
  border:14px grey;
	border-style: ridge groove;
	border-radius: 22px 5px 50px;
	background-color: black;
	box-shadow: 0px 0px 20px blue,0px 0px 50px purple;
	animation-name: ugd, glow, glow2;
	animation-duration: 8s;
	animation-iteration-count:infinite;
}	
.page {
	margin: 20px 10px 20px 10px;
	padding: 20px;	
}
h1 {
  color: white;
  text-align: center;
  font-family: "Lordish";
	font-size: 50px;
}
h2 {
	color: black;
  text-align: center;
  font-family: 'Anita  Semi-square';
	font-size: 30px;
}
.pagination {
  display: inline-block:border;
	font-family: "Lordish";
	font-size: 25px;
}
.pagination a {
  color: black;
	background:white;
  padding: 5px 10px;
  text-decoration: none;
	border: 5px #00FFA3 #FF00D6;
	border-style:outset;
  transition: .3s;
	 text-shadow:-1px 0 purple, 0 1px purple, 1px 0 green, 0 -1px green, 2px 2px 2px black, 1px 1px 4px black;
	border-radius: 100px 100px;
	box-shadow: 2px 3px 0px white;
	animation-name: rainbow;
	background-color:red;
	animation-duration:.8s;
animation-iteration-count: infinite;
}
.pagination a.active {
 background-color: darkgray;
  color: white;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
li {
  list-style-image: url('../img/favicon2.png');
	font-size: 25px;
		font-family: 'Brigadoom Wide BRK';
	align-content: center;
     overflow: auto;
}
ul {
  list-style-image: url('../img/favicon2.png');
	font-size: 25px;
	list-style-position: inside;
	display : block; overflow-wrap: break-word; max-width : 100%;
}
ol {
display: inline-block;
padding:30px;
margin:30px;
border:14px grey;
border-radius: 10px 50px 50px;
max-height: 180px;
max-width:125px;
overflow: break;
text-shadow: 3px 1px 3px black, 5px 4px 10px black;
box-shadow: 0px 0px 25px white;
}
p {
  font-family: "Lordish";
  display : block; overflow-wrap: break-word; max-width : 100%;
	font-size: 40px
}
p2 {
	font-size: 24px;
		text-shadow: 3px 1px 5px black, 5px 4px 3px red;
	color:white;
}
a:link {
  color:aqua;
}
a:visited {
  color: #33ff77; 	
}
a:hover {
  color: blueviolet;
}
footer {
  font-family: "Lordish";
  text-color: white;
  font-size: 30px;
	overflow: hidden;
 position: relative;
  left: 0;
  bottom: 0;
max-height: 123px;
  width: 100%;
  background-image: url("../img/footer.png");
  text-align: center;
}
section {
  font-family: 'Lordish';
  color: white;
  font-size: 30px
}
textarea {
	font-family:"Anita  Semi-square";
	background-image: url("../img/backgroundcrop.gif");
	text-shadow: 5px black;
}
button {
	font-family: "Anita  Semi-square";
	color: mediumseagreen;
	border: 5px purple;
	background-color: #4C1F4F;
   	cursor: pointer;
}
::placeholder {
	color: white;
	opacity: 70%;
	text-shadow: 2px 2px 0px black ;
}
#borderimg1 {
	font-family:"Anita  Semi-square";
	display: inline-block;
	width:70%;
	height:700px;
	 border: 20px solid transparent; 
  border-image-source: url("../img/slumnews.png");
  border-image-slice: 200 fill; 
  border-image-repeat: stretch; 
  border-image-width: 10;
	box-sizing: border-box;
	background: black;
	padding: 20px;
	overflow: auto;
	text-align: center;
	word-wrap:break-word;
	background-image: Url("../img/static.gif");
	background-position: center;
	background-size:cover;
	font-size: 20px;
}
.scrollbox {
  height: 100%;
  width: 100%;
  padding: 20px; 
  overflow: auto;  
}
#personallinks {
	display: inline-block;
	width:60%;
	height:60%;
	 border: 20px solid transparent;
	box-sizing: border-box;
	background: black;
	overflow: auto;
	text-align: center;
	word-wrap:normal;
	font-size: 20px;
	border-image-source: url("../img/acid.png"); 
	border-image-slice: 100% fill;
	border-image-repeat: 20 repeat; 
  border-image-width: 1;
	padding: 100px;
	background-image: url("../img/slumtypegif.gif");
		background-position: center;
	background-size:cover;
}
.artisticon {
	width: 25%;
    height: 25%;
	padding: 10px;
	 border: none;
      cursor: pointer;
      outline: none;
      background-color: transparent;
      transition: transform 0.2s ease;
    }
    .artisticon:active {
     animation:click-bounce 0.3s ease;
    }
    .artisticon:hover {
      transform: scale(1.05);
    }
@keyframes click-bounce {
      0%   { transform: scale(1); }
      30%  { transform: scale(0.85) rotate(5deg); }
      60%  { transform: scale(1.1) rotate(-5deg); }
      100% { transform: scale(1); }
}
.follow {
	display: inline-block;
	width:75%;
	height:40%;
	 border: 20px solid transparent;
	box-sizing: border-box;
	background: black;
	overflow: auto;
	text-align: center;
	word-wrap:break-word;
	font-size: 20px;
	transition:transform 0.2s ease;
	padding:4%;
	}
.follow a {
  cursor: pointer;
}
.ojdescription {
	font-family: "Lordish";
	display: inline-block;
	width:85%;
	height:60%;
	 border: 20px solid transparent;
	box-sizing: border-box;
	background: black;
	overflow: auto;
	text-align: center;
	word-wrap:break-word;
	font-size: 20px; 
	border-image-slice: 100% fill;
	border-image-repeat: 20 repeat; 
  border-image-width: 1;
	padding: 8%;
	background-image: url("../img/ojb2.gif");
		background-position: center;
	background-size:cover
}