body
        {
            font-family: Roboto;
            background-image: linear-gradient( to right, hsla( 40, 10%, 50%, 1.0 ), hsla( 40, 10%, 69%, 1.0 ) 60%);
        }

        .Content
        {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            padding: 15px;
            padding-left: 40px;
            background-image: linear-gradient( 90deg, hsla( 0, 0%, 98%, 1.0 ), hsla( 0, 1%, 94%, 1.0 ) 90%);
            border: 1px solid hsla( 0, 0%, 10%, 0.5);
            border-radius: 6px;
            margin-top: 30px;
            margin-bottom: 50px;
        }


        h1, h2, h3
        {
            font-family: Montserrat;
        }

        h1
        {
            text-transform: uppercase;
            text-align: center;
            font-size: 130%;
            letter-spacing: 2px;
        }

        h2
        {
            font-size: 115%;
            padding-top: 10px;
        }

        h3
        {
            font-size: 106%;
            padding-top: 10px;
            margin-left: 30px;
        }

        a
        {
            color: #ac0030;
        }

        .Text
        {
            margin-left: 30px;
        }

        .explainposition
        {
           margin-top: 16px;
           margin-bottom: 40px;
           display:block;
           margin-left:60px;
           margin-right:60px;
        }

        .Header
        {
            margin-top: 2em;
            position: relative;
        }

        li
        {
            padding-bottom: 5px;
        }

        .HeaderLink
        {
            font-size: 115%;
            text-transform: uppercase;
            color: hsl( 0, 35%, 40%);
            font-family: Montserrat;
            /*margin-bottom: 10px;*/
        }

        .Logo
        {
            position: absolute;
            left: -5%; /*calc(105% + 30px)*/
            top: -85px;
        }

        textarea
        {
            margin-top: 14px;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

       .playchessframe
        {
            border: 1px solid hsla( 0, 0%, 30%, 0.2);
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 90%;
            height: 45vw;
            /*width: 840px;
            height: 500px;*/
            margin-bottom: 20px;
            /*box-shadow:2px 2px 10px 2px hsla( 0, 0%, 0%, 0.1 );*/
            padding: 2px;
        }

       .fritzframe
       {
          width: 75%;
          height: 40vw;
       }


        .liveblitz
        {
            border: 5px solid hsla( 0, 0%, 30%, 0.3);
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 40%;
            height: 30vw;
            margin-bottom: 50px;
        }

        img:hover
        {
            -webkit-filter: brightness(115%);
        }