body {
            background-color: #111;
            color: white;
            font-family: Verdana, Tahoma;
            
            margin:0;
        }
        .logo .user {
            font-family:Comic Sans MS;
            font-size:140%;
        }
        a {
            color:white;
            text-decoration:underline;
        }
        a:hover {
            text-decoration:none;
        }
        .header {
            background-color: #3c0055;
            width: 95%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 20px;
        }
        .left {
            text-align: left;
            width: 45%;
        }
        .right {
            text-align: right;
            width: 45%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
        }
        #main {
            background-color: #3c0055;
            transition: width 0.4s;
            margin: 0 auto;
            margin-top:2em;
            border-radius: .5em;
            padding:1em;
        }
        .footer{
            margin-top:1em;
            padding:1em;
            border:solid 1px #999;
        }
        #inComeBlock {
            position:absolute;
            display: none;
            background-color: #444;
            padding: 10px;
            border-radius: 5px;
            min-width:350px;
            min-height:400px;
            top: 60px;
            right: 20px;
            z-index: 9;
        }
        #registration {
            position:absolute;
            display: none;
            background-color: #444;
            padding: 10px;
            border-radius: 5px;
            min-width:350px;
            min-height:400px;
            top: 60px;
            right: 20px;
            z-index: 9;
        }
        #userInfo {
            display: none;
            background-color: #444;
            padding: 10px;
            border-radius: 5px;
            position: absolute;
            top: 60px;
            right: 20px;
            z-index: 10;
        }
        input {
            display: block;
            margin: 2em 1em;
            padding: .4em .5em;
            width:20em;
        }
        #register-link{
            padding-top:1em;
            margin-left:1.1em;
            margin-top:1.5em;
            cursor:pointer;
        }
        #inComeLink {
            padding-top:1em;
            margin-left:1.1em;
            margin-top:1.5em;
            cursor:pointer;
        }
        #editChapt {
            top: 2em;
            left: 2em;
            display: none;
            position: absolute;
            background-color: #3c0055;
            border: solid 1px grey;
            border-radius: 0;
            width: 90%;
            height: 90%;
            z-index: 8;
        }

        #editChapt::before {
            content: "";
            display: block;
            width: 100%;
            height: 1.5em;
            background-color: #00aaff;
            position: relative;
        }

        .close-button {
            position: absolute;
            top: 0.3em;
            right: 0.5em;
            cursor: pointer;
            color: white;
            font-weight: bold;
        }
        #editField {    /* textarea */
            width:100%;
            height:80%;
            margin: .3em;
            padding: .3em;
        }
        button{
            cursor:pointer;
            padding: .5em .8em;
            background-image: linear-gradient(to bottom,  rgba(150, 70, 90, 0.9), rgba(145, 30, 66, 0.95), rgba(120, 0, 10, 0.9));
            font-size:1.2em;
            text-shadow: 5px -7px 13px rgba(66, 68, 90, 1);
            color:white;
            border-radius: .5em;
            border:0;
            margin-left:1.1em;
        }
        .saveBtn{
            margin:2em;
            
        }
        #chapterTitle {
            width:50%;
        }
        #inComeTitle{
            margin: 2em 1em 2em 1em;
        }
        #createChapterLink {
            
        }
        #editText {
            display: none;
        }
        #chapterContent {
            width:96%;
            height:25em;
            padding-right: 2%;
            padding-left: 2%;
            font-family:Verdana;
            font-style:italic;
        }
        #createButton {
            margin: 1em 0 1em 1em;
            padding: .8em 4em .8em 4em;
            font-size:110%;
        }
        #createChapterForm{
            padding: .5em;
            border:white solid 1px;
        }
        #createOption {
            
        }
        #formH3 {
            position:relative;
            display:flex;
            flex-direction:raw;
            z-index:2;
        }
        .info {
            width: 1.2em;
            height: 1.2em;
            padding: 1px 10px 1px 10px;
            border: 1px solid white;
            border-radius: 50%;
            color: white;
            font-weight: bold;
            font-size: 1.1em;
            line-height: 1;
            cursor: pointer;
            user-select: none;
            box-sizing: border-box;
        }
        #createOption {
            line-height: 2;
            cursor:pointer;
        }
        ul {
            line-height: 2;
        }
        #loginOnly {
            display:none;
        }