@font-face {
font-family: BoldsPixels;
src: url('/assets/BoldsPixels.ttf')
}
@font-face {
font-family: Kosmos;
src: url('/assets/Kosmos.ttf')
}
@font-face {
font-family: rainyhearts;
src: url('/assets/rainyhearts.ttf')
}
p{
font-family: BoldsPixels;
color: white;
}
strong {
color: aqua;
}
body {
background-image: url(assets/images/backgrounds/stars%202.gif)
}
img {
margin: 2px;
}
h2 {
font-family: KiwiSoda;
font-size: 30px;
color: lime;
}
h3 {
font-family: BoldsPixels;
font-size: 20px;
text-decoration: underline;
}
#header {
font-family: Kosmos;
font-size: 70px;
color: lime;
position: absolute;
top: 7px;
left: 390px;
filter: drop-shadow(8px 1px 10px lime);
}
#profilephoto {
filter: drop-shadow(5px 5px 2px lime);
border: 3px inset lime;
margin: 5px;
height: 249px;
}
.musicplayer {
width: 195px;
height: 28px;
background: rgba(8, 255, 159, 0.1);
font-family: rainyhearts;
color: white;
border: 2px dotted lime;
position: absolute;
top: 540px;
}
.button {
background-image: url(assets/images/gradient1.png);
background-size: contain;
border-color: antiquewhite;
border: 1px solid aqua;
border-radius: 25px;
text-align: center;
height: 30px;
margin: 6px;
padding: 6px;
}
.buttonlink {
font-family: KiwiSoda;
color:white;
font-size: 30px;
text-decoration: none;
}
#holder {
margin: auto;
width: 1280px;
margin-top: 68px;
column-gap: 0px;
display: flex;
}
#holderframe {
background-color: black;
border: 2px dashed lime;
border-radius: 2px;
padding: 8px;
margin: 4px;
text-align: center;
width: 798px;
height: 500px; ;
overflow-y: scroll;
}
#leftsidebar {
background-color: black;
border: 1px dashed magenta;
margin: 1px;
text-align: center;
height: 446px;
overflow-y: scroll;
}
#rightsidebar {
background-color: black;
border: 1px dashed magenta;
margin: 1px;
text-align: center;
height: 446px;
overflow-y: scroll;
}
#sidebarframeL {
background-image: url(assets/images/backgrounds/green17.jpg);
border: 4px double lime;
padding: 6px;
width: 14%;
height: 450px;
}
#sidebarframeR {
background-image: url(assets/images/backgrounds/green17.jpg);
border: 4px double lime;
padding: 6px;
width: 17%;
height: 450px;
}
.contentbox {
background-image: url(assets/images/backgrounds/green17.jpg);
background-size: 150px;
border: 1px dashed magenta;
border-radius: 2px;
display: inline-flex;
overflow-y: scroll;
    width: 790px;
    flex-flow: row wrap;
}
.textbox {
border: 1px solid aqua;
border-radius: 4px;
background: rgba(6, 255, 0, 0.07);
color: white;
padding: 8px;
margin: 10px;
}
.buttoncolumn {
display: flex;
flex-direction: column;
text-align: center;
}
.stamps {
display: inline-flex;
column-gap: 12px;
justify-content: center;
    text-align: center;
margin-top: 4px;
margin-bottom: 4px;
    width: 790px;
}

#returnbutton {
font-family: Kosmos;
color: lime;
border-radius: 20px;
width: 80px;
text-align: center;
font-size: 26px;
padding: 10px;
position: absolute;
right: 200px;
bottom: 8px;
filter: drop-shadow(2px 1px 8px limegreen);
}