/*date of creation: 25th of August, 2022
            created by: Cabbage Sorter*/

            body{
                background-color: #242524;
                background-image: url(../images/layout-3/art-bg1.jpg);
                background-repeat: no-repeat;
                background-size: contain;
                background-position: bottom left ;
                font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                color: white;
                overflow-y: hidden;
                background-attachment: fixed;
            }
            
            .container{
                width: 750px;
                margin: 0 auto;
                background-color: rgba(36,37,36,0.7);
                padding: 5px;
                height: 90%;
                font-size: 16px;
                color: #e9e9e9;
                box-shadow: 5px 5px 10px 2px #fefffe;
             
                
            }

            .article u{
                font-size: 18px;
            }
            
            .article{
                overflow-y: scroll;
                height: 85%;
                padding: 5px;
            }

            .back-button{
                position: relative;
                left:20px;
                padding: 5px;
                margin: 2px;
                background-color: black;
                width: max-content;
            }

            .back-button:hover{
                box-shadow: 5px 5px 10px 2px #fefffe;
                transition: ease-in 0.2s;
            }
            
            .back-button a{
                text-decoration: none;
                color: inherit;
            }

            h3{
                text-decoration: underline;
            }

            /* S C R O L L B A R*/
            
            ::-webkit-scrollbar {
                width: 7px;
                height: 7px;
                }
                ::-webkit-scrollbar-button {
                width: 0px;
                height: 0px;
                }
                ::-webkit-scrollbar-thumb {
                background: white;
                border: 0px none #ffffff;
                }
                ::-webkit-scrollbar-thumb:hover {
                background: grey;
                }
                ::-webkit-scrollbar-thumb:active {
                background: grey;
                }
                ::-webkit-scrollbar-track {
                background: darkgray;
                border: 0px none #ffffff;
                }
                ::-webkit-scrollbar-track:hover {
                background: lightgray;
                }
                ::-webkit-scrollbar-track:active {
                background: lightgray;
                }
                ::-webkit-scrollbar-corner {
                background: transparent;
                }
                
                ::selection {
                color: white;
                background-color: grey;
                }