@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');

/* IF IT WASNT OBVIOUS, THIS IS A SKULLATON ALT :) */

body {
  background: url(https://i.imgur.com/NPToMq0.png);
    background-attachment: scroll;
    background-size: auto;
  font-family: Arial;
  padding-top: 45px;
  font-size: 15px;
  background-size: 80% 100%;
  background-attachment: fixed;
}

#container {
  max-width: 900px;
  margin-right: 20px;
  background: url(https://i.imgur.com/yaQuyoP.png);
  border: 20px solid #000;
  border-image: url(https://i.imgur.com/X7TsUS4.png) 34;
  margin-left: auto;
}

/*Top Left*/

.avatar {
  width: 200px;
  margin-right: 20px;
  cursor: zoom-in;
  image-orientation: from-image;
  border: 24px solid #383838;
  border-image: url(https://i.imgur.com/Das9kzp.png) 12 round;
  background: #282828;
}

.topLeft td {
  display: inline-flex;
  flex-direction: column;
}

td.shortRight {
  background: black;
  border: 10px solid #000;
  border-image: url(https://i.imgur.com/X3o4vfD.png) 10 round;
  border-image-outset: 10px;
  color: lime;
  margin-left: 15px;
  margin-top: 12px;
  max-width: 200px;
}

.boxInfo {
  border: 0px;
  margin-bottom: 20px;
  margin-top: 20px;
  display: inline-flex;
  flex-direction: column;
  width: 200px;
  padding-left: 14px;
}

.boxButton {
  background: url(https://i.imgur.com/MmSPhG8.png) !important;
  background-repeat: no-repeat !important;
  width: 200px;
  color: #000;
  margin-top: 8px;
  padding-top: 13px;
}

.boxHead {
  background: transparent;
  color: #574d39;
  text-shadow: 0px 4px 1px #17130d;
}

.player {
  background: url(https://i.imgur.com/lwix9yB.png);
}

audio {
  margin-bottom: -4px;
  width: 80%;
  filter: invert(1);
  color: lime;
}

.url {
  border: 0px;
  padding: 8px;
  color: #7d6e55;
  text-shadow: -3px 3px 1px black;
}

.url::after {
  content: url(https://i.imgur.com/i4TrhOc.png);
    width: 2px;
}

/*Top Right*/

.extended {
  background: url(https://i.imgur.com/eU1PrCe.png);
  background-repeat: no-repeat;
  border: 0px;
  padding-top: 22px;
  padding-bottom: 22px;
}

a#editLink {
	color: lime;
}

.blogs {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 10px;
  background-position: 0px 0px;
}

.blogs a:link {
  	background: url(https://i.imgur.com/MmSPhG8.png);
	  background-size: 100% 100%;
	  padding: 3px;
	  font-size: 14px;
    text-decoration: none;
	  color: black;
	  text-transform:  uppercase;
}

.blogs a:hover {
  color: black;
  background: url(https://i.imgur.com/xJkWWjf.png);
  background-size: 100% 100%;
  padding: 3px;
	font-size: 14px;
}

.blogs a:visited {
  color: #1a1712;
}

div.rightHead {
  border: 10px solid #000;
  border-image: url(https://i.imgur.com/X3o4vfD.png) 10 round;
  border-image-repeat: repeat;
  border-image-outset: 6px;
  background: black;
  color: lime;
}

div#about img {
  filter: sepia(1) hue-rotate(90deg) saturate(10);
}

div#about {
  background: url(https://i.imgur.com/upJQz7r.png);
  background-size: 100% 100%;
  color: lime;
  padding: 52px;
  font-size: 14px;
}

h4 {
  border: 5px solid #000;
  border-image: url(https://i.imgur.com/KJuc0Sc.png) 5;
  background: #44433cd1;
  padding: 2px;
  max-width: 384px;
  color: yellow;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  
}

textarea {
  background: url(https://i.imgur.com/50Lkm37.png);
  background-size: 100% 200%;
  color: black;
  font-family: cursive;
  padding: 10px;
  font-family: 'Dancing Script', cursive;
  font-size: 20px;
  text-shadow: 0px 0px 4px black;
}

/*Fwiends*/

#top {
  background: url(https://i.imgur.com/Qf0eSvx.png);
  padding: 50px;
  background-size: 100%
}

.fwiendFace {
  color: black;
  background: url(https://i.imgur.com/Px0Su1r.png);
  background-size: contain;
  padding: 6px;
  width: 100%;
  max-height: 300px;
  height: 110px;
  background-repeat: no-repeat;
}

.fwiendFace img {
  max-width: 120px;
  filter: sepia(1);
}

.tableLeft {
  color: black;
  background: url(https://i.imgur.com/Px0Su1r.png);
  background-size: contain;
  padding: 6px;
  max-height: 300px;
  height: 110px;
  background-repeat: no-repeat;
}

.tableLeft img {
  max-width: 100px;
  filter: sepia(1);
}

.tableRight {
  width: 75%;
  background: #000;
  padding: 2px;
  color: lime;
  border: 10px solid #000;
  border-image: url(https://i.imgur.com/X3o4vfD.png) 10 round;
  border-image-outset: 10px;
}

.blog {
  background: #383838;
  border: 48px solid #383838;
	border-image: url(https://i.imgur.com/Das9kzp.png) 12 round stretch;
  color: lime;
  padding: 12px;
}

#header {
   background: #000;
}

#hSub {
  background: #000;
  border-image: url(https://i.imgur.com/X3o4vfD.png) 10 round;
  border-bottom: solid 16px;
}

.fwiendFace b {
  overflow: hidden;
  text-transform: lowercase;
  text-align: right;
  font-family: cursive;
  font-size: 13px;
}