@charset 'UTF-8';

html,
html * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-family: arial, sans-serif;
  font-size: 2vw;
  background: white;
}
img {
  width: 100%;
  height: auto;
  margin-bottom: 1em;
}
.header{
	color: #ffffff;
	font-size: 1.5vw;
	margin: 0em 0em 0em 0em; 
	padding: 0.4em 1em;
	background: -moz-linear-gradient(#007ECE,#00C0DC);
    background: -webkit-linear-gradient(#007ECE,#00C0DC);
    background: linear-gradient(to right, #007ECE, #00C0DC, #ffffff);
    color: #FFF;
}

.title{
  position: relative;
  color: #343144;
  background: #fff;
  padding: 4em 6em 4em;
}
.link{
    text-align: center;
	border-radius: 16px;
	margin: 0.3em 14em 0.3em 14em; 
	padding: 1em 1em;
    background-color: #E95378;
    color: #ffffff;
}
.link a {
	color: #ffffff;
	font-size: 4vw;
	font-weight: bold;
	text-decoration: none;
	margin: 0; 
    padding: 0;
}
.link a:hover {
	color: #fff352;
	font-size: 4vw;
	font-weight: bold;
	text-decoration: none;
	margin: 0; 
    padding: 0;
}
.intro {
  position: relative;
  color: #343144;
  background: #fff;
  padding: 2em 6em 0em;
}