body{
        background:#ffcff0;
        background-image:url(https://i.pinimg.com/564x/d9/b7/ae/d9b7aef9b002cbbcada4318125cb0a48.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
}
.avatar{
	width:250px;
	margin-right: 2px;
	cursor: crosshair;
	image-orientation: from-image;
        border-radius: 20px;
}
.player{
	padding: 4px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: none;
    color: black;
    width: calc(100% - 10px );
	  border: 5px dotted #ffcff0;
	  cursor: crosshair
}
#sMsg {
    background-repeat: no-repeat;
    background-image: url(https://i.pinimg.com/originals/05/ea/ad/05eaad23d6570adbdc63263c725a4f27.png);
      background-size: contain;
}
#block {
    background-repeat: no-repeat;
    background-image: url(https://i.pinimg.com/originals/c2/37/1e/c2371ea3914523670a1bed5de9d7f75d.png);
      background-size: contain;
}
#report {
    background-repeat: no-repeat;
    background-image: url(https://i.pinimg.com/originals/72/85/72/72857217dd112e3e0c44a1e751cac083.png);
      background-size: contain;
}
#add {
    background-repeat: no-repeat;
    background-image: url(https://i.pinimg.com/originals/2d/a6/cc/2da6cc22d1e1bb8bc4068f93ed8bcf07.png);
      background-size: contain;
}
#header {
   background: #ffcff0;
   background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dd4c2123-05ef-418a-b308-0d3239e09aba/dcyh05w-f1dc8503-4af4-4d8b-8dd0-e6692ef0b2fb.jpg/v1/fill/w_1280,h_768,q_75,strp/pastel_rainbow_ombre_by_queenazraelabaddon_dcyh05w-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvZGQ0YzIxMjMtMDVlZi00MThhLWIzMDgtMGQzMjM5ZTA5YWJhXC9kY3loMDV3LWYxZGM4NTAzLTRhZjQtNGQ4Yi04ZGQwLWU2NjkyZWYwYjJmYi5qcGciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.KiH2NdgrgJME_MgUmjosLSpo8QAy8DCKH9VlNl-7N64);
     background-size: contain;
}
#hSub
   background: #ffcff0;
}
.controlBar {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 40px;
  padding: 0 9px;
  background-color: rgba(1, 45, 1, .3);
}
.rightHead{
	background: #0009;
	color: #fae;
	border-radius: 10px;
	padding-left: 10px;
}
h4{
	color: black;
	margin-bottom: 10px;
}
a.logo {
        color: black;
}
#header a:not(.logo) {
  margin-left: 10px;
  color: #000;
  font-size: small;
  text-decoration: none;
}
#hSub {
  background: #ffc8f1;
}
.fwiendCount {
  color: #ff8ad1;
}
.boxHead {
  background: #ffc8f1;
}
.boxButton {
  color: black;
}
.url {
  border: solid 2px #ffc8f1;
  border-radius: 10px;
}
.boxInfo {
  border: 1px solid #000;
  border-radius: 10px;
}
.tableLeft {
  background: #ffffffa1;
  border-radius: 10px;
}
.tableRight {
  width: 75%;
  background: #ffc8f1;
    background-color: rgb(255, 200, 241);
  border-radius: 10px
}
audio {
  filter: sepia(0%) saturate(100%) grayscale(0%) contrast(100%) invert(0%);
  margin-bottom: -4px;
  border-radius: 5px;
}
p{
	margin: 5;
}
.boxHead{
	background: #6699cc;
	color: white;
	padding: 7px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.boxButton{
	display: inline-block;
	width: calc( 49% - 60px );
	padding-left: 60px;
	height: 24px;
	font-size: medium;
	color: black;
	padding-top: 20px;
}