.logo {
    font-size: 0;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

.logo::after {
    content: "pornhub.com";
    text-shadow: none;
    color: #fa862d;
    line-height: 10px;
    font-size: 20px;
    padding: 70px;
    text-align: center;
}

div#header {
    background-image: url();
    background-color: #000000;
    background-position: 0px -400px;
    text-align: center;
    background-size: 50%;
    background-repeat: repeat;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

div#hSub {
    color: #ffffff !important;
    background-color: #000000;
    text-align: center;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

h2#name {
    color: #000000;
    text-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.extended.box {
    border: 2px solid #ffffff;
    background-color: #000000;
    background-image: url(https://i.pinimg.com/originals/37/d1/64/37d1642c40381bffbac424b80390ed3f.gif);
    background-size: 100%;
    text-shadow: none;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

h4 {
    color: #000000;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

body {
    color: black;
    background-color: #000000;
    background-image: url(https://i.pinimg.com/736x/b8/6d/8e/b86d8e1d92e6a918c017c63d3616a018.jpg);
    background-size: 100%;
    background-attachment: fixed;
    text-align: center;
    text-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
    text-transform: lowercase;
}

.player.box {
    background-color: #ffffff;
    background-size: 33%;
    background-position: 150px;
    color: black;
    background-image: url();
    text-transform: lowercase;
    border-radius: 10px #fa862d;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.boxInfo.box {
    border-color: #fa862d;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.url {
    background: url() no-repeat;
    position: fixed;
    right: 0;
    bottom: -100px;
    color: #ffffff;
    background-size: 300px;
    height: 270px;
    width: 270px;
    border: none;
    box-shadow: none;
    filter: drop-shadow(8px 9px 15px #000000);
    z-index: 1000;
    font-size: 0px;
    opacity: 1;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.topLeft {
    margin-top: 5px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-image: url();
    border: 2px solid #000000;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
    box-shadow: none;
}

.topRight {
    margin-top: 20px;
    background: #ffffff;
    border: 2px solid #000000;
    margin-bottom: 20px;
    max-width: 550px;
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.fwiendCount {
    color: #fa862d;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.fwiendFace img {
    border: 2px solid white;
    border-radius: 50%;
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;
    background-image: url();
}

.tableLeft img {
    border: 2px ridge black;
    border-radius: 50%;
    background-position: center;
    display: absolute;
    object-fit: cover;
    height: 100px;
    width: 100px;
}

.tableRight {
    background: #ffffff;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.boxHead {
    color: #FFF;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.rightHead {
    color: #ffffff;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.fwiendFace,
.tableLeft {
    transition: 0.5s;
    background: #fa862d;
    font-family: 'Comic Sans MS', Arial, sans-serif; /* Font change */
}

.box.blog {
    background: #00000050;
}

.fwiendFace:hover {
    border-radius: 30px;
    transform: scale(0.8);
    animation: wob .5s linear infinite;
    box-shadow: none;
    border: 1px solid #fff;
    transition: 0.5s;
}

.tableLeft:hover {
    border-radius: 30px;
    transform: scale(0.8);
    animation: wob .5s linear infinite;
    box-shadow: none;
    border: 1px solid #fff;
    transition: 0.5s;
}

a {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:hover {
    color: #000000;
}

::selection {
    background: #fa862d;
}

#sMsg,
#block,
#report,
#add,
#remove {
    color: #000000;
    background-image: url(https://i.pinimg.com/originals/8e/75/2c/8e752cf446947d3d01c0eaaf9e1504e2.gif);
    background-size: 15%;
}

element.style {

}
element.style {
}
.box {
    border: none;
    overflow: hidden;
}

user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}
.topRight {
    margin-top: 20px;
    background: #cfa180;
    background-image: url();
    border: 2px solid #000000;
    margin-bottom: 20px;
    max-width: 550px;
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
    animation-name: none;
}
.topLeft {
    margin-top: 5px;
    background-repeat: no-repeat;
    background-color: #b15d38;
    background-image: url();
    border: 2px solid #000000;
    font-family: 'Comic Sans MS', Arial, sans-serif;
    box-shadow: 5px 10px #000000;
}
.topLeft {
    float: left;
    width: calc(40% - 20px);
    padding: 10px;
}

element.style {
}
.tableRight {
    background: #ef6d4e;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}
.tableRight {
    width: 75%;
    background: #fc9;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

element.style {
}
.tableRight {
    width: 75%;
    background: #ff6c00;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.tableRight {
    background: #ef6d4e;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ff6f00;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

.fwiendFace {
    max-width: 25%;
    display: inline-grid
;
    width: calc(24% - 6px);
    padding: 2px;
    text-align: center;
}

element.style {
}
.fwiendFace {
    max-width: 100%;
    display: inline-grid
;
    width: calc(37% - 6px);
    padding: 8px;
    text-align: center;
    align-content: stretch;
    justify-content: center;
}

.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ff6f00;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
.fwiendFace img {
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-position: top;
    display: flex
;
    object-fit: centre;
    height: 170px;
    width: 170px;
    background-image: url();
}

element.style {
}
div#header {
    background-image: url(https://media.tenor.com/TZaIBNauQfAAAAAM/stars-galaxy.gif);
    background-color: #000000;
    background-position: 0px -400px;
    text-align: center;
    background-size: 50%;
    background-repeat: repeat;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}
#header {
    all: unset;
    font-family: Arial;
    font-size: 15px;
    background: #000000;
    color: #ffffff;
    position: fixed;
    width: calc(100% - 15px);
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ff8400;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}

element.style {
}
.extended.box {
    border: 2px solid #ffffff;
    background-color: #d76203;
    background-image: url();
    background-size: 100%;
    text-shadow: 2px 2px 4px #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
.extended.box {
    border: 2px solid #000000;
    background-color: #d76203;
    background-image: url();
    background-size: 100%;
    text-shadow: 2px 2px 4px #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
.boxHead {
    color: #FFF;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}
.boxHead {
    background: #6699cc;
    color: white;
    padding: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
}

element.style {
}
.boxHead {
    background: #974700;
    color: white;
    padding: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
}
.boxHead {
    color: #FFF;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
    animation-name: none;
}
.topRight {
    margin-top: 20px;
    background: #cfa180;
    border: 5px solid #000000;
    margin-bottom: 20px;
    max-width: 550px;
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
    animation-name: none;
}
.topLeft {
    float: left;
    width: calc(40% - 20px);
    padding: 10px;
}
.topLeft {
    margin-top: 400px;
    background-repeat: no-repeat;
    background-color: #b15d38;
    background-image: url();
    border: 2px solid #000000;
    font-family: 'Comic Sans MS', Arial, sans-serif;
    box-shadow: 5px 10px #000000;
}

element.style {
    animation-name: none;
}
.topRight {
    margin-top: 40px;
    background: #cfa180;
    border: 5px solid #000000;
    margin-bottom: 20px;
    max-width: 550px;
    border-radius: 10px;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}


element.style {
}
user agent stylesheet
b {
    font-weight: bold;
}
#viewFriends {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

element.style {
}
user agent stylesheet
b {
    font-weight: bold;
}
.rightHead {
    color: #ffa700;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}
.rightHead {
    background: #fc9;
    color: #cc6633;
    padding-left: 4px;
}

element.style {
}
user agent stylesheet
b {
    font-weight: bold;
}
.rightHead {
    background: #000000;
    color: #cc6633;
    padding-left: 4px;
}

element.style {
}
.fwiendCount {
    color: #cb5800;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
.boxHead {
    color: #c56600;
    background: #000000;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}
.boxHead {
    background: #974700;
    color: #ffffff;
    padding: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
}

element.style {
}
.boxHead {
    background: #000000;
    color: #ff6c00;
    padding: 10px;
    padding-bottom: 10px;
    padding-left: 6px;
}

element.style {
}
.tableRight {
    background: #ff8300;
    text-transform: lowercase;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

element.style {
}
#sMsg, #block, #report, #add, #remove {
    color: #000000;
    background-image: url();
    background-size: %;
}

element.style {
}
#sMsg, #block, #report, #add, #remove {
    color: #000000;
    background-size: 100%;
}

element.style {
}
.avatar {
    width: 200px;
    margin-right: 45px;
    cursor: zoom-in;
    image-orientation: from-image;
}

element.style {
}
#sMsg, #block, #report, #add, #remove {
    color: #000000;
    background-size: 100%;
}
#sMsg, #block, #report, #add, #remove {
    color: #000000;
    background-size: 356%;
}

element.style {
}
audio {
    border: solid 1px #ffdfb8;
    /* padding: 2px; */
    margin-bottom: 0px;
    margin-top: 5px;
    width: 100%;
    height: 30px;
    background: #ffdfae;
    outline: none;
    margin-bottom: -3px;
    /* filter: sepia(0%) saturate(100%) grayscale(0) contrast(100%) invert(100%); */
}

element.style {
}
.player.box {
    background-color: #edd6c0;
    background-size: 33%;
    background-position: 150px;
    color: black;
    background-image: url(myspace.f46n.org/);
    text-transform: lowercase;
    border-radius: 10px #fa862d;
    box-shadow: none;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

/*Cursors
	You can use all of these https://www.w3schools.com/cssref/tryit.asp?filename=trycss_cursor and cursors-4u.com*/
	/*Variables*/
		:root {
			--cursor: url(https://ani.cursors-4u.net/toons/too-12/too1133.cur), auto;
		}
	body {
		cursor: var(--cursor) !important; 
	}
	a:-webkit-any-link {
		cursor: var(--cursor) !important;
	}
	.avatar {
		cursor: var(--cursor) !important;
	}
	#imgPreview img {
		cursor: var(--cursor) !important;
	}
	#imgPreview {
		cursor: var(--cursor) !important;
	}	
	button {
		cursor: var(--cursor) !important;
	}
	button {
		cursor: var(--cursor) !important;
	}
	input {
		cursor: var(--cursor) !important;
	}
	/* This is commented out because I have a seperate section of code for everything related to the textbox but if you aren't using that uncomment this code.
	textarea {
    cursor: var(--cursor) !important;
  }

element.style {
}
.fwiendFace img {
    border: 5px solid #ffffff;
    border-radius: 50%;
    background-position: top;
    display: flex
;
    object-fit: centre;
    height: 170px;
    width: 170px;
    background-image: url();
}

element.style {
}
.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ff6f00;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

.fwiendFace {
    max-width: 29%;
    display: inline-grid
;
    width: calc(37% - 6px);
    padding: 8px;
    text-align: center;
    align-content: stretch;
    justify-content: center;
}

element.style {
}
.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ff6f00;
    font-family: 'Comic Sans MS', Arial, sans-serif;
}

.fwiendFace {
    max-width: 29%;
    display: inline-grid
;
    width: calc(37% - 6px);
    padding: 8px;
    text-align: center;
    align-content: stretch;
    justify-content: center;
}

