body {
	min-width: 375px;
	margin: 0;
	font-family: "open-sans",sans-serif;
	background: rgb(218,218,218);
	background: -moz-radial-gradient(circle, rgba(218,218,218,1) 10%, rgba(102,102,102,1) 100%);
	background: -webkit-radial-gradient(circle, rgba(218,218,218,1) 10%, rgba(102,102,102,1) 100%);
	background: radial-gradient(circle, rgba(218,218,218,1) 10%, rgba(102,102,102,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dadada",endColorstr="#666666",GradientType=1);
}

.flex-container {
    min-height: 100vh;	
    display: flex;
    justify-content: center;
    align-items: center;
}

.item {
    width: 200px;
    color: #666;
    text-align: center;
}

.logo {
	width: 200px;
	border-radius: 5px;
    filter:         url(~"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    -moz-filter:    grayscale(100%);
    -ms-filter:     grayscale(100%);
    -o-filter:      grayscale(100%);
    filter: gray;
    transition: all .3s ease-out;
}

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #ff6d00;
	text-decoration: none;
	transition: all .3s ease-out;
}

.logo:hover {
	filter: none;
}