@font-face {
font-family: lowrespixel;
src: url('/assets/lowrespixel.ttf')
}
@font-face {
font-family: BoldsPixels;
src: url('/assets/BoldsPixels.ttf')
}
@font-face {
font-family: ByteBounce;
src: url('/assets/ByteBounce.ttf')
}
@font-face {
font-family: rainyhearts;
src: url('/assets/rainyhearts.ttf')
}
@font-face {
font-family: KiwiSoda;
src: url('/assets/KiwiSoda.ttf')
}
@font-face {
font-family: Jojoba;
src: url(assets/Jojoba.ttf)
}
p, b, li {
font-family: Jojoba;
font-size: 15px;
}
b, strong {
color: cyan;
}
h1, h2 {
font-family: KiwiSoda;
}
body {
background: url('assets/images/backgrounds/underwaterbg.jpg');
background-position: top;
background-size: cover;
background-attachment: fixed;
}
#holder {
margin: auto;
width: 1093px;
padding-top: 182px;
display: flex;
column-gap: 0px;
} 
#headerimg {
position: absolute;
left: 375px;
top: 110px;
}
#cornerart {
position:absolute;
left: 896px;
top: 9px;
}
.content {
border: 4px inset aqua;
border-radius: 4px;
background-color: #001D1F;
margin: 2px;
color: aliceblue;
}
.textbox {
margin: 8px;
padding: 15px;
border: 1px solid teal;
border-radius: 4px;
}
.textboxinsert {
overflow: scroll;
height: 150px;
}
#leftsidebar {
width: 20%;
}
#rightsidebar {
width: 20%;
text-align: center;
}
#center {
width: 60%;
}
.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: 42px;
margin: 6px;
}
.buttonlink {
font-family:KiwiSoda;
color:white;
font-size: 36px;
text-decoration: none;
}
.musicplayer {
width: 250px;
height: 28px;
background: rgba(8, 189, 159, 0.1);
font-family: rainyhearts;
color: white;
border: 2px dotted aqua;
}