/* heyyy whats up yo uh . this is my . profile . it kinda . sucks. but i made it at 4 in the HOLY SHIT ITS 4 IN THE MORNING WHAT THE FUCK */


@import url("https://fontlibrary.org//face/pixel-operator");

/* body, bro */

html {
  image-rendering: pixelated;
}

img {
  image-rendering: pixelated;
}

body {
  background: url(https://i.imgur.com/u2qXFWp.png);
  background-size: cover;
  background-attachment: fixed;
}

/* header, bro */

#header {
  background: url(https://i.imgur.com/nAxCsZX.png);
  background-size: contain;
}

/* topright, bro. */


.topLeft {
  background-size: 100% 100%;
  border: 32px solid transparent;
  border-image: url(https://i.imgur.com/WTGlP4n.png) 8;
  background: #131313;
  color: blue;
  font-size: 25px;
  width: 30vh;
  font-family: 'PixelOperatorSCRegular';
}

.boxInfo {
  border: 0px;
}

.url {
  border: 0px;
}

/* pfp, bro */

        @keyframes fly {
            0% {
                left: 0;
                top: 0;
            }
            25% {
                left: calc(100% - 100px);
                top: 0;
            }
            50% {
                left: calc(100% - 100px);
                top: calc(100% - 50px);
            }
            75% {
                left: 0;
                top: calc(100% - 50px);
            }
            100% {
                left: 0;
                top: 0;
            }
        }

#avatar {
  position: absolute;
  animation: fly 10s infinite linear;
}

/* abouts me, bro */

#gender {
  font-size: 0px;
}

#gender::after {
  content: "Demon";
  font-size: 15px;
}

#country::after {
  content: "The Shores of Hell";
  font-size: 15px;
}
#country {
  font-size: 0px;
}

.rightHead {
  background: 0px;
  color: white;
}

.topRight {
  text-transform: uppercase;
  font-family: 'PixelOperatorSCRegular';
  text-shadow: 4px solid red;
  color: white;
  text-shadow: 2px 0 #646464, -2px 0 #646464, 0 2px #646464, 0 -2px #646464, 1px 1px #646464, -1px -1px #646464, 1px -1px #646464, -1px 1px #646464;
  background: #0000006b;
}

.blurbs {
  text-align: center;
  font-size: 30px;
}

h4 {
  color: white;
}

.fwiends {
  display: flex; 
  flex-direction: column;
  align-items: center;
  font-size: 25px;
}

#top {
  display: flex;
  flex-direction: column;
  align-items: center
}

.fwiendFace img {
  width: 64px;
  height: 64px;
  object-fit: cover;
  padding: 10px;
  color: white;
}

.fwiendFace b{
  color: white;
}

.boxHead {
  background: transparent;
  text-align: center;
  font-size: 25px;
}

#userWall tr, #commentInput {
  border: 0px;
  font-family: 'PixelOperatorSCRegular';
  background: #0000002e;
  font-size: 20px;
  display: flex;
  flex-direction: row;
  color: lime;
  text-shadow: 2px 0 green, -2px 0 green, 0 2px green, 0 -2px green, 1px 1px green, -1px -1px green, 1px -1px green, -1px 1px green;
}

.tableLeft {
  width: 10%;
  background: none;
}

.tableLeft a {
  color: lime;
}

.tableLeft img {
  width: 0px;
  color: white;
}

.tableRight {
  background: none;
  display: flex;
}