@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

body {
    font-family:DotGothic16 !important;
    background-color:#010215;
    background-image: linear-gradient(rgba(31, 1, 5, 0.64), rgba(19, 0, 2, 0.64)), url('https://images.presentationgo.com/2025/07/dark-textured-black-floral-background.jpg');
    background-size: cover;
    color:#f1fbff;
    margin:0 auto;
    font-size: 16px !important;
    line-height: 16px;
}

a {
  color:#f7394f !important;
  text-decoration: underline dotted !important;
  transition: color 0.1s !important;
}

a:hover { 
  cursor:url("https://decahedron.neocities.org/assets/pointer.png"), auto;
  color:#b00753 !important;
}

h1 {
    margin:0 !important;
}

.pagecontainer {
    width:100%;
    margin:auto;
}

.main {
    padding:3px;
    margin:auto;
    background-color:rgb(23, 16, 37);
    width:80%;
    display:flex;
    gap:3px;
    filter:drop-shadow(0px 0px 10px #18022d);
    border:1px solid #7843e97b;
}

.mainleft {
    padding:6px;
    width:15%;
    background: linear-gradient(0deg,rgba(228, 220, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
    border:3px solid #8485a8a3;
    color:#010215;
    overflow-y:scroll;
    scrollbar-width: thin;
    scrollbar-color: #efeff9 #34428191;
    max-height:780px;
}

.mainright {
    padding:6px;
    width:85%;
    background: linear-gradient(180deg,rgb(38, 75, 153) 0%, rgb(50, 0, 121) 100%);
    border:3px solid #9d68d68e;
    overflow-y:scroll;
    scrollbar-width: thin;
    scrollbar-color: #e0e0ef #0b055791;
    max-height:780px;
}

.mainimg {
    width:90%;
    display:block;
    margin:auto;
    padding:3px;
    background-color: #4a042d;
    border:1px solid #ff4785;
    text-align: center;
}

.indent {
    text-indent: 20px;
}