/*General Customization*/
body {
    background: rgb(0, 0, 0);
    background-image: url(assets/bgs/bg.gif);
    color: white;
    font-family: 'Lucida Console';
    width: 70vh;
    margin: 0 auto 0 auto;
    scrollbar-width: thin;
}

hr{color: rgba(255, 255, 255, 0.12)}

h1 {
    font-weight: bold;
    font-size: 55px;
    font-family: 'Helvetica';
    margin: 10px auto -10px auto;
    color: #b97daf;
    text-shadow: #9b5c9371 4px 0 4px, #9b5c9371 8px 0 8px, #9b5c9371 -4px 0 4px, #9b5c9371 -8px 0 8px;
}

b{
    color: #b97daf;
    text-shadow: #9b5c9371 1px 0 1px, #9b5c9371 2px 0 2px, #9b5c9371 -1px 0 1px, #9b5c9371 -2px 0 2px;
}

li:before {
    padding: 0;
    content: "◇ ";
    color: white;
    margin-left: -10px;
}

/*Sub Container*/
#subcont {
    display: flex;
    flex-direction: row;
    gap: 15px;
    border: rgba(255, 255, 255, 0.12) double 3px;
    padding: 10px;
} 

/*Favorites List*/
#favoritescont{
    display: flex;
    flex-direction: column;
    height: 405px;
    width: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
    padding: 5px 15px 15px 15px;
    border: rgba(255, 255, 255, 0.12) solid 3px;
} #favoritescont li{
    margin-left: 15px;
    list-style: none;
} #favoritescont b {
    font-size: 20px;
    margin-top: 5px;
}

/*Back Button*/
#backbutton {
    text-align: center;
    margin-top: 10px;
    font-family: 'Helvetica';
    font-weight: bold;
    font-size: 20px;
} #backbutton a {
    text-decoration: none;
    color: #b97daf;
    text-shadow: #9b5c9371 1px 0 1px, #9b5c9371 2px 0 2px, #9b5c9371 -1px 0 1px, #9b5c9371 -2px 0 2px;
} #backbutton a:hover {
    color: white;
    text-shadow: white 0 0 2px, #979797 0 0 4px, #979797 0 0 8px;
}