@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf);}
 
@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}
 
@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ct0s037q78sao3f/Frighted.ttf);
font-family: Frighted;
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
font-family: SakeMoru;
}
 
@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}
 
@font-face {
font-family:'fenotype';
src: url(https://dl.dropbox.com/s/klo6yfrf62916qp/02.10FEN.TTF);
}

html{
        font-family: pixel;
    background-image: url('content/bg.jpg');
background-position: 2px;
background-size: 1310px;
    background-attachment: fixed;
background-repeat: repeat;
    position: relative;
}

* {
  cursor: url('content/cursor.webp') 32 32, auto !important;
}

::selection {
background: #abd9f700;
color: #c8eeff
}

a {text-decoration: none; color: #3e8cb9; }

html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0; 
background: transparent; 
}
::-webkit-scrollbar-thumb {
background: transparent;
}

#beg{
    margin: auto;
    font-size: 100px;
    font-family: pixel;
    color: #000000;
    padding-bottom: 30px;
        padding-top: 30px;
        position: relative;
    top: -0.2em;
    left: 1.6em;
    width: 810px;
height: 100px;
}

#container{
background-color: #ffffff79;
padding: 10px;
 margin: auto;
    position: relative;
width: 810px;
height: 520px;
}

#side{
    padding: 5px;
    background-color: #ffffff;
    width: 200px;
height: 500px;
    position: relative;
    top: -31.9em;
    left: 0em;
}

#pfp{
    background-image: url('content/pfp3.jpg');
 background-size: contain; 
 background-size: 200px;
    width: 200px;
height: 200px;
}



#main{
        background-color: #ffffff;
    display: flex;
 width: 580px;
height: 500px;
padding-top: 10px;
padding-left: 8px;
padding-right: 5px;
    position: relative;
    left: 13.5em;
}

.navbar ul{
background-color: #ececec44;
}

.navbar a{
    color: #000000;
padding: 7px;
display: block;
text-align: center;
}

.navbar a:hover{
    background-color: #bbbbbb38;
}

.hi {
  background-image: linear-gradient(to right, #e04a4a, #e49554, #f0f071, #4e944e, #50a0ce, #8e55b6, #ee82ee);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 50px;
    font-weight: bold;
}

.bye {
  background-image: linear-gradient(to right, #e04a4a, #e49554, #f0f071, #4e944e, #50a0ce, #8e55b6, #ee82ee);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 30px;
    font-weight: bold;
}