body {
        background-color: #5800BD;
        background-image: url("../media/bannerbg.png");
        background-size: cover;
        background-attachment: fixed;
        }
       @font-face { font-family: riftshop; src: url(../fonts/riftshop.woff); }
       @font-face { font-family: tilt; src: url(../fonts/tiltwarp-regular-variablefont_xrotyrot-webfont.woff); }
       @font-face { font-family: aldrich; src: url(../fonts/aldrich-regular-webfont.woff); }
       .pagelayout {
        display: flex;
        flex-direction: column;
        margin: 30px;
       }
       .entrylayout {
                display: flex;
        }     
       .middle {
            flex: 50%;
            display: flex;
            flex-direction: column;
        }   
            .title {
            flex: 20%;
            color: #000000;
            background-color: #F0757B;
            font-family: tilt;
            padding: 5px 20px 5px;
            }
            .title > h1 {
                font-size: 40px;
            }
            .title > a:link {
                color: white;
            }
            .title > a:visited {
                color: white;
            }

            .main {
                margin-top: 10px;
                flex: 80%;
                background-color: rgb(149, 135, 255);
                padding: 5px 30px 20px;
                color: rgb(255, 255, 255);
                font-family: riftshop;
                font-size: 30px;
            }
             a:link {
                color: #F0757B;
                text-decoration: none;
            } 
            a:visited {
                color: #00C9AE;
            }
            a:hover {
                text-decoration: underline;
            }

            a:active {
                color: white;
            }
        .imagesleft {
            flex: 25%;
            margin: 10px; 
        }
        .imagesright {
            flex: 25%;
            margin: 10px; 
        }
        .videocenter {
            display: block; 
            margin-left: auto; 
            margin-right: auto; 
            width: 85%;
        }