@font-face {
            font-family: 'Kalam';
			font-style: normal;
			font-weight: normal;
			src: 	local(''),
					url('Kalam-Light.ttf') format('truetype');
		}
		body{
            font-family: 'Kalam';
			text-align: center;
			color: #e496eb;

            background: rgb(32,23,78);
            /*background: linear-gradient(90deg, rgba(32,23,78,1) 0%, rgba(223,79,179,1) 100%);*/
            background: linear-gradient(45deg, #20174e 0%, #df4fb3 100%);

        }
        a:link,a:visited {
        color: #fff;
        text-decoration: none;
        }
        a:hover,a:active,button:hover {
        color: #e496eb; /*pink*/
        }
        #poesie{
            font-size: 1.1em;
            padding-top: 53px;
            margin: 0 auto;
        }
        #autorin{
            color: #fff;
            padding-top: 53px;
            max-width: 600px;
            margin: 0 auto;
        }
        #impressum{
            padding-top: 40px;
        }
        .bod_widget{
            padding-top: 40px;
        }
		#max-width{
            max-width: 960px;
            padding-top: 53px;
            margin: 0 auto;			
		}
        #max-width ul{
            max-width: 400px;
            margin: 0 auto;
        }
        #navbar ul {
        z-index: 100;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #20174e;
        position: fixed;

        top: 0;
        left: 0;
        right: 0;
        }

        #navbar li {
        display: inline-block;
        size: 1.2em;
        width: 32%;
        }

        #navbar li a{
        display: block;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        }
        #max-width ul{
            max-width: 400px;
            margin: 0 auto;
        }
     /*   li a:hover{
        background-color: #fff;
        }*/
        button {
        background-color: #20174e;
        color: white;
        padding: 16px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Kalam';
        margin: 4px 2px;
        transition-duration: 0.4s;
        cursor: pointer;
        border: 1px solid #20174e;
        border-radius: 10px 0px 10px 0px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
        }
        button:hover {
        border: 1px solid #e496eb;
        }
        img{
            box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
            border-radius: 10px 0px 10px 0px;
        }
        footer{
            font-size: 0.8em;
            padding-top: 30px;
        }
        hr{
            width:75%;
            border: 1px solid #e496eb;
        }
        .xl{
            font-size: 1.3em;
        }
        .center{
            text-align: center;
            display:inline-block!important;;
        }
        .tiny{
            font-size: 0.7em;
        }
        .white{
            color: #fff;
        }
        .serif{
            font-family: serif;
        }
        .underline{
            text-decoration: underline;
        }