/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat820.cur), auto !important;} /* End https://www.cursors-4u.com */


body
{
background: url(" https://i.pinimg.com/474x/ab/91/e5/ab91e5a64e0c6ea75c5c5e99ff8f907e.jpg ");
}



.topRight {
margin-top: 20px;
background: #708090;
border: 2.5px solid #c0c0c0;
margin-bottom: 20px;
max-width: 550px;
border-radius: 10px;
}




.topLeft {
margin-top: 20px;
background-color: #708090;
box-shadow: 0px 0px 0px #c0c0c0;
}
.topLeft {
float: left;
border: 2.5px solid #c0c0c0;
border-radius: 10px;
width: calc( 40% - 20px );
padding: 6px;
}




div.box.fwiends {
background-color: #778899;
border: 2.5px solid #c0c0c0;
border-image-slice: 100%;
border-image-slice: 1;
border-radius: 10px;
padding: 10px 10px;
box-shadow: 2px 2px 5px #c0c0c0;
margin-bottom: 25px;
box-shadow: 2px 2px 5px #000;
}
.box {
border: none;
overflow: hidden;
}



.rightHead {
text-color:#000;
margin-bottom: 0px;
background: #f8f8ff;
padding-left: 4px;
text-align: center;
}




.fwiendCount {
Color: #c0c0c0;
}





body {
font-family: Impact;
padding-top: 45px;
font-size: 15px;
color: #f8f8ff;
}




.boxHead {
background: #778899;
Color: #f8f8ff;
padding: 3px;
padding-bottom: 4px;
padding-left: 6px;
}





h4 {
color: #000;
margin-bottom: 0px;
}

h4 {
display: block;
margin-block-start: 1.33em;
margin-block-end: 1.33em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}



div.player.box {
padding: 4px;
margin-top: 20px;
margin-bottom: 20px;
background: #778899;
color: #c0c0c0;
width: 379.6px;
border: 1.5px solid #c0c0c0;
border-radius: 15px;
}




h3 {
display: block;
font-size: 1.17em;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.extended {
border: 2.5px solid #000;
text-align: center;
margin-bottom: 20px;
margin-top: 15px;
border-radius: 10px;
background-color: #000;
box-shadow: 2px 2px 5px #000;
}





.avatar {
width: 200px;
margin-right: 20px;
cursor: zoom-in;
image-orientation: from-image;
box-shadow: 2px 2px 5px #232a5d;
border: 2.5px solid #000;
border-radius: 10px;
}





div.box.comments {
background-color: #000;
border: 2.5px solid #000;
border-image-slice: 100%;
border-image-slice: 1;
border-radius: 15px;
padding: 10px 10px;
box-shadow: 2px 2px 5px #121d35;
margin-bottom: 25px;
}




textarea, textarea:focus {
outline: none;
border: 2.5px solid #000;
box-shadow: 2px 2px 5px #000;
border-radius: 10px;
}


h4 {
    color: #f8f8ff8a;
    margin-bottom: 0px;
}




.rightHead {
    background: #fc9;
    color: #c0c0c0;
    padding-left: 4px;
}


.rightHead {
    text-color: #000;
    margin-bottom: 0px;
    background: #f8f8ff;
    padding-left: 4px;
    text-align: center;
}








.rightHead {
    text-color: #000;
    margin-bottom: 0px;
    background: #778899;
    padding-left: 4px;
    text-align: center;
}




.rightHead {
    background: #fc9;
    color: #f8f8ff;
    padding-left: 4px;
}




.extended {
    border: 2.5px solid #c0c0c0;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 10px;
    background-color: #778899;
    box-shadow: 2px 2px 5px #0000008c;
}



.rightHead {
    background: #789;
    color: #f8f8ff;
    padding-left: 4px;
}



#header {
    all: unset;
    font-family: Impact;
    font-size: 15px;
    background: #707f90;
    color: #fff;
    position: fixed;
    width: calc(100% - 15px);
    height: 22px;
    padding: 5px;
    left: 0px;
    top: 0px;
    margin-bottom: 40px;
    border-bottom: 1px solid black;
    padding-left: 10px;
    padding-top: 6px;
    overflow: hidden;
    z-index: 300;
}


#hSub {
    background: #778899;
    font-size: small;
    margin: 0px;
    padding: 6px;
    padding-left: 10px;
    padding-top: 4px;
    position: fixed;
    left: 0;
    top: 34px;
    width: calc(100% - 15px);
    color: #000;
    height: 15px;
    z-index: 300;
}

.boxButton {
    display: inline-block;
    width: calc(49% - 60px);
    padding-left: 30px;
    height: 24px;
    font-size: small;
    color: silver;
    padding-top: 7px;
}




   .rightHead {
    background: #789;
    color: #f8f8ff;
    padding-left: 4px; 
    border: 2.5px solid #c0c0c0;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 15px;
    border-radius: 10px;
    background-color: #778899;
    box-shadow: 2px 2px 5px #0000008c;
}



div.box.comments {
    background-color: #789;
    border: 2.5px solid #c0c0c0;
    border-image-slice: 100%;
    border-image-slice: 1;
    border-radius: 15px;
    padding: 10px 10px;
    box-shadow: 2px 2px 5px #121d35;
    margin-bottom: 25px;
}





textarea, textarea:focus {
    outline: none;
    border: 2.5px solid #c0c0c0;
    box-shadow: 2px 2px 5px #000;
    border-radius: 10px;
}








.tableLeft {
    background: #789;
    width: 25%;
    padding: 10px;
    vertical-align: top;
    overflow: hidden;
    border-radius: 10px;
    background-color: #778899;
    box-shadow: 2px 2px 5px #0000008c;
  
  
}







.tableRight {
    width: 75%;
    background: #789;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: anywhere;
    border-radius: 10px;
    background-color: #778899;
    box-shadow: 2px 2px 5px #0000008c;
  
  
  
}