@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

@-ms-viewport {
  width: device-width ;
}

*{
	margin: 0;
	padding: 0;
	font-family: Century Gothic;
}

header{
	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../davinci.png);
	height: 100vh;
	background-size: cover;
	background-position: center;
}

ul{
	float: right;
	list-style-type: none;
	margin-top: 25px;
}

ul li{
	display: inline-block;
}

ul li a{
	text-decoration: none;
	color: #fff;
	padding: 5px 20px;
	border: 1px solid #fff;
	transition: 1s ease;
}

ul li a:hover{
	background-color: #fff;
	color: #A28EA8;
}

ul li.active a{
	background-color: #fff;
	color: #A28EA8;	
}

.logo img{
	/*float: right;*/
	position: absolute;
	top: 88%;
	left: 88%;
	width: 150px;
	height: auto;
}

.main{
	max-width: 1200px;
	margin: auto;
}

.about_me{
	position: absolute;
	top: 65%;
	right: 61%;
	transform: translate(-50%, -50%);
}

.about_me h2{
	color: #fff;
	font-size: 50px;
}

.my_description{
	width: 700px;
	padding: 10px;
	border: 2px solid gray;
	margin: 0;
	color: #fff;
	font-size: 20px;
	text-align: justify;
	position: absolute;
	top: 85%;
	left: 37%;
	transform: translate(-50%, -50%);
}

.card {
	position: absolute;
	top: 29%;
	right: 72%;
	transform: translate(-50%, -50%);
	box-shadow: 0 4px 8px 0 rgba(0.5, 0.8, 0.5, 0.9);
	max-width: 150px;
	margin: auto;
	text-align: center;
	color: #fff;
}

.title {
	color: #BDB6B5;
	font-size: 18px;
}

button {
	border: none;
	outline: 0;
	display: inline-block;
	padding: 8px;
	color: white;
	background-color: #000;
	text-align: center;
	cursor: pointer;
	width: 100%;
	font-size: 18px;
}

button:hover{
    opacity: 0.7;
}