.bparent{
display: flex;
justify-content: center;
height: 100vh;
}
.board {
width: 1000px;
height: 1200px;
position: absolute;
top: 300px;
box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.6);
background-color: rgba(255, 255, 255, 0.6);
}

.profile{
position: absolute
}

.cool_shit{
height: 25%;
width: auto;
position: absolute;
top: -20px;
left: -30px;
}

.text{
color: #940000;
font-size: 18px;
}

.btn{
height: 80px;
width: auto;
cursor: pointer;
}

.headerbrd{
height: auto;
width: auto;
position: absolute;
top: 0%;
right: 0%;
pointer-events: none;
}

.profile-header{
background-color: lightgray;
height: 250px;
width: 800px;
position: absolute;
top: 20px;
left: 80px;
box-shadow: 2px 2px 8px black;
}

.btnmenu{
display: flex;
flex-direction: column;
gap: 10px;
position: absolute;     
top: 360px;             
left: 50px;
z-index: 10;
pointer-events: none;
}

.profile{
height: 190px;
width: 190px;
position: absolute;
top: 25px;
left: 50px;
pointer-events: none;
}

.frame{
height: 390px;
width: 430px;
position: absolute;
top: -80px;
left: -60px;
pointer-events: none;
}

.bio{
color: #0b0072;
font-size: 20px;
position: absolute;
top: 6px;
left: 300px;
}

.CRACKEM{
height: 75%;
width: 90%;
pointer-events: none;
}

.rumia{
position: absolute;
left: 70px;
top: 10px;
}

.finger{
position: absolute;
left: 70px;
top: 45px;
}

.demon{
position: absolute;
left: 70px;
top: 80px;
}

.title{
height: 60%;
width: 60%;
}