/* #F5F5DC #CBB6C0 #9D9AA9  */

body{
	background-color: beige;
	color: #9D9AA9;
}
h1{
	color:#CBB6C0;

}
.btn-class{
 display: inline-block;
 border:1px solid #CBB6C0;
 color: beige;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 font-family: Verdana;
 width: auto;
 height: auto;
 font-size: 16px;
 padding: 10px 40px;
 background-color: #CBB6C0;
 margin: 10px;
}
.btn-class:hover, .btn-class:active{
 border:1px solid #9D9AA9;
 color: beige;
 background-color: #9D9AA9;
}

.column {
    float: left;
}

.left, .right {
    width: 25%;
}

.middle {
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.zender_logo_div{
	text-align: center;
	height: 220px;
}
.zender_logo_image{
	max-height: 200px;
	position: relative;
	top: 50%;
transform: translateY(-50%);
}
.speler_div{
	display: flex;
	justify-content: space-around;
}