body {
background-image: url(https://studybreaks.com/wp-content/uploads/2020/11/thomas-kelley-hHL08lF7Ikc-unsplash-2-e1604869480330.jpg);
font-family: sans-serif;
padding-top: 45px;
font-size: 15px;
background-size: contain;
}
body { color: #fbeed6 }
.blurbs {
margin-bottom: 20px;
background-color: #2d1d0a;
border: 2px solid wheat;
opacity: 85%;
border-radius: 5px;
}
.box.fwiends {
background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRL_eeSvsnPEmds_gkmQ1CRtcqzi-Y9NhhfXA&usqp=CAU);
border: 2px solid wheat;
border-radius: 5px;
opacity: 95%;
}
.player::before {
content: "";
display: block;
position: relative;
width: calc(40% -20px);
height: 390px;
max-width: 390px;
background-position: 0 0;
background-size: 100% 100%;
background-image: url(https://data.whicdn.com/images/336113116/original.gif);
}
.rightHead {
background: #948a77;
color: wheat;
padding-left: 4px;
}
h4 {
color: #eddfc3;
margin-bottom: 0px;
}
.boxInfo {
border: 2px solid #eddec1;
margin-bottom: 20px;
margin-top: 20px;
border-radius: 5px;
background-color: #2d1d0a;
opacity: 85%;
}
.tableRight {
width: 75%;
background: #0000009e;
padding: 10px;
vertical-align: top;
overflow-wrap: anywhere;
}
.avatar {
width: 200px;
margin-right: 20px;
cursor: zoom-in;
image-orientation: from-image;
border: 3px solid #50371c;
border-radius: 5px;
}
div.extended.box {
border: 2px solid #eddec1;
border-radius: 5px;
opacity:85%;
background-color: #2d1d0a
}
.boxHead {
background: #2d1d0a;
color: #eddec1;
padding: 3px;
padding-bottom: 4px;
padding-left: 6px;
}
.tableLeft {
width: 25%;
padding: 10px;
vertical-align: top;
overflow: hidden;
background: #2d1d0a;
opacity: 95%;
}
.fwiendCount {
color: #ffffff;
}