@import url('https://fonts.googleapis.com/css?family=Lato:300,400|Questrial');


* {
	margin: 0;
	padding: 0;
}

a:link {
    color: black;
    text-decoration: none;
}

a:hover {
    background-color:gainsboro;
}

a:visited {
    color: black;
}

body {
	width: 100%;
	height: 100%;
	background-color: white; 
	font-family: 'Lato', sans-serif;
}


#main {
	width: 100%;

}

.about {
	color: black;
    padding: 100px 0;
	background-size: cover;
	background-color: #fff;
    position: absolute;
}

.about h1 {
	font-family: 'Questrial', sans-serif;
	letter-spacing: 3px;
	text-align: center;
	font-size: 40pt;
	margin-bottom: 50px;
    margin-top: 50px;
	color: black;
}

.about p {
	font-family: 'Lato', sans-serif; 
	font-weight: 400;
    text-align: justify;
    text-justify: inter-word;
	font-size: 20px;
	margin:0 auto;
	margin-top: 70px;
	max-width: 60%;
	opacity: 0.7;
	color:black;
	padding:15px;

}


.sample {
  height:100%;
  margin:0;
  align-items: center;
  font: normal 12px/18px 'Arial';
  color: #fff;
  background-color: black;
  cursor: pointer
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.wrapper {
    align-items: center;
    text-align: center;
    padding-left: 50%;
}



.center {
    background-color: black;
    color: #fff;
    border: none;
    position: absolute;
    width: 200px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-left: -100px; /* margin is -0.5 * dimension */
    margin-top: -25px;
    text-align: center;
    font-size: 42px;
}