/* basic customization */
 
    body{
    word-wrap:break-word; /* allows words to be broken n wrapped onto the next line. FINALLY. */
    font-size:14px;
    font-family:"Comic Sans MS";
    color:black;
    background-color:lightblue;
    background-image: url("https://media3.giphy.com/media/FlodpfQUBSp20/200w.gif");}
 
    a{
    color:#b619ff;
    font-weight:bold;
    text-decoration:underline;}
 
    a:hover{
    color:black;
    text-decoration:none;
    cursor:help;}
 
    p{
    margin:0 0 10px 0;
    padding:10px;}
 
    ::selection{ 
    color:white; 
    background-color:blue;}
 
    ::-webkit-scrollbar {
    width: 15px;
    height: 10px;}
 
    ::-webkit-scrollbar-thumb:vertical{
    background-color: #fff;
    background-image: url(https://i.imgur.com/Qtm9Z60.png);
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid black;
    border-bottom: 1px solid black;}
 
    ::-webkit-scrollbar-track {
    background-color: #fff;
    background-image: url(https://i.imgur.com/IGXGYKz.png);}
 
    ::-webkit-scrollbar-button:vertical:increment {
    background-image: url(https://i.imgur.com/WhC8iy3.png);
    width: 14px;
    height: 16px;
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid black;
    border-bottom: 1px solid black;}
 
    ::-webkit-scrollbar-button:vertical:decrement {
    background-image: url(https://i.imgur.com/fQ18mrR.png);
    border-top: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 14px;
    height: 16px;}
 
        /* end basic customization */
 
 
        /* sidebar */
 
    #side{
    left:0px;
    width:225px;
    height:100%;
    top:-1px;
    overflow-y:auto;
    overflow-x:hidden;
    padding-top:5px;
    padding-right:10px;
    padding-left:5px;
    border-right:3px white outset;
    background: rgb(255,210,223);
    background: radial-gradient(circle, rgba(255,210,223,1) 0%, rgba(148,233,159,1) 100%);
    position:fixed;}
 
    #desc{
    text-align:center;
    padding:5px;
    overflow:hidden;
    margin:10px 0 0 0;
    display:block;} /* description is here */
 
    .button{
    background:transparent;
    padding:5px;}
    .button:hover{
    cursor:help;}
 
 /* left sidebar text.. my links are in here?! */
    #table, th, td{ 
    font-family:"Comic Sans MS";
    width:100px;
    margin:10px 0 0 0;
    margin-left:-4px;
    text-align:left;
    background:transparent;}
 
    .side img{
    border:1px dotted purple;}
 
        /* sidebar end */
 
 
        /* content, i think for now the intro goes here? */
 
    #wrapper{
    left:400px;
    overflow:auto;
    position:absolute;
    padding:5px;
    top:10px;
    overflow-x: hidden;
    overflow-y:auto;}
 
    #content{
    text-align:center;
    background:white;
    width:500px;
    padding:15px;
    border:1px dashed pink;}
 
        /* content end */
 
        /* i think updates can go here. not really SURE....... */
    
        #updatewrapper{
    left:1000px;
    overflow:auto;
    position:absolute;
    padding:5px;
    top:30px;
    overflow-x: hidden;
    overflow-y:auto;}
 
    #updatecontent{
    text-align:center;
    background:lightpink;
    width:300px;
    padding:15px;
    border:1px dashed orange;}
 
    
        /* updates end... guh... */
 
        /* pagedoll */

 
    #pagedoll{
    position:fixed;
    right:0px;
    bottom:0px;}
 
        /* end pagedoll */