html {

        cursor: url('https://file.garden/aBQipCxtR0hq7382/bonemastersite/images/default_arrow.cur'), auto;
        ::selection {
  color: rgb(0, 0, 0);
  background: rgb(255, 0, 0);
}

}

a:link {
  color: rgb(255, 55, 55);

}

a:visited {
  color: rgb(79, 0, 0); 
}

a:hover {
  color: rgb(255, 255, 255); /* Mouse over link color */
}

a:active {
  color: rgb(255, 255, 255); /* Selected link color */
}

body {
    background-image: url("https://file.garden/aBQipCxtR0hq7382/bonemastersite/images/darkhalls.gif");
    background-repeat: repeat;
text-align: center;
display: block;
image-rendering: pixelated;
font-family: 'Courier New', Courier, monospace;

}



.segment{

font-family: 'Courier New', Courier, monospace;
color: red;
border-color: red;
border-style: double;
border-width: 5px;
max-width: 55%;
margin: 0 auto;
padding: 27px;
background-color: rgba(2, 4, 10, 0.76);
    display: flex;
    align-items: flex-start; 
    gap: 20px;              

}

.segmentcenter{
display:flex;
justify-content:center; /* this is the only diff lol*/
font-family: 'Courier New', Courier, monospace;
color: red;
border-color: red;
border-style: double;
border-width: 5px;
max-width: 55%;
margin: 0 auto;
padding: 27px;
background-color: rgba(2, 4, 10, 0.76);

}

.navbar{
display:flex;
justify-content:center; 
font-family: 'Courier New', Courier, monospace;
color: red;
max-width: 34%;
margin: 0 auto;
padding: 10px;

}

.pfp {
    border: 3px solid red;
    display: inline-block;   
    flex: 0 0 auto;         
    padding: 0;             
}

.pfp img {
    display: block;          
}

.bio {
text-align: left;
border-style: dashed;
border-color: rgb(135, 0, 0);
border-width: 2px;
padding-left: 20px;
padding-right: 20px;
font-weight: bold;
    display: flex;
    flex-direction: column;
}

.socials {
    font-size: 10px;
    color:rgb(35, 79, 137);
}

.yap summary {
    cursor: pointer;
    list-style: none; 
font-style: italic;
color: rgb(35, 79, 137)
}


.yap[open] summary::after {
    content: "[close blabberbox]";
}

.yap summary::after {
    content: "[open blabberbox]";
}

.yap{


        font-size: 14px;
        padding: 9px;
            margin-top: 10px;
    align-self: flex-start;

      line-height: 1.8;
}

.fram {
  text-decoration: none;
}
.fram a{
    text-decoration: none;
color: rgb(22, 109, 62);
}
.fram a:hover {
  color: rgb(74, 198, 122); /* Mouse over link color */
}
.rage {
  text-decoration: none;
}
.rage a{
    text-decoration: none;
color: rgb(255, 153, 0);
}
.rage a:hover {
  color: rgb(255, 218, 86); /* Mouse over link color */
}

.aima {
  text-decoration: none;
}
.aima a{
    text-decoration: none;
color: rgb(60, 225, 104);
}
.aima a:hover {
  color: rgb(133, 255, 192); /* Mouse over link color */
}