::selection {
	text-shadow: 0px 0px 10px black;
	background: #eee;
    color: transparent;
}

html,body {width:100%;height:100%;padding: 0;margin: 0;}
body {
	display: flex;
	background: #eee;
	overflow: hidden;
	justify-content: center;
}
.bg-mro{
	position: fixed;
	bottom: 0;
	width: 100%;
	opacity: 0.5;
	z-index: -1;
}

main{
	display: flex;
	flex-direction: column;
	justify-content: center; 
	align-items: center;
	padding-bottom: 40px;
}

.logo{
	width: 250px;
}
.logo img{
	width: 100%;
}
.intro{
	width: 50%;
	text-align: center;
	padding: 70px;
}
.buttons a{
	display: inline-block;
	margin: 0 10px;
	background: #221f20;
	padding: 10px 25px;
	text-decoration: none;
	color: #eee;
	transition: filter 0.5s ease,background 0.5s ease;
}
.buttons a:hover{
	filter: blur(1.5px);
	background: #ccc;
	color: black;
}

a.mail{
	color: #221f20;
	text-decoration: none;
	font-weight: bold;
}

@media (max-width: 900px) {
  .logo{
	  width: 250px;
  }
  .intro{
	  width: 70%;
	  text-align: center;
	  padding: 70px;
  }
}

@media (max-width: 500px) {
  .logo{
		width: 180px;
	}
	.intro{
		width: 100%;
		text-align: center;
		padding: 50px 20px;
		box-sizing: border-box;
	}
}