* {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Sans-serif", "Arial";
}

.button1 {
	/* height: 100%; */
	padding: 20px;
	margin: 0;
	background-color: #ff99e6;
	text-decoration: none;
	text-align: center;
	color: #8cff66;
	font-size: 200%;
	align-items: center;
	width: 15%;
	margin-left: 5px;
	border-radius: 50px;
}
.button1:hover{
	background-color: #ffe6f9;
}
.command {
	display: flex;
	height: 10vh;
	background-color: #8cff66;
	font-style: none;
}
.me{
	display: flex;
	height: 90vh;
	background-color: #d9ffb3;
	font-style: none;
	
	flex-direction: column;
	
}

.text {
  	width: 40%;
	display: block;
	padding: 3%;
	align-self: flex-start;
	justify-content: flex-start;
	margin: 5%;
	border-radius: 50px;
	
}

#abtme {
	width: 40%;
	display: block;
	padding: 3%;
	background-color:  #ff99ff;
	align-self: left;
	justify-content: flex-start;
	margin: 5%;
	border-radius: 50px;
}
#contact {
	width: 40%;
	display: block;
	padding: 2%;
	height: 20vh;
	background-color:  #6b6b6b;
	align-self: left;
	justify-content: flex-start;
	margin: 5%;
	border-radius: 50px;
}
.link {
	height: 80%;
	width: 90%;
	display: flex;
	flex-direction: row;
}
.social {
	display: flex;
	background-color: rgb(203, 203, 203);
	padding: 5px;
	width: 20%;
	flex-wrap: wrap;
	border-radius: 23.333%;
}

.title {
	text-align: center;
	margin: 0;
	display: flex;
	justify-content: center;
	width: 100%;
	display: flex;
	justify-content: center;
}
#who {
	background-color: #7676e5;
	border-style: solid;
	border-width: 5px;
	border-color: pink;
	border-radius: 25px;
	width: 20%;
	align-self: center;
}

.p {
	background-color: yellow;
	height: 100vh;
	width: 100%;
	margin: 0;
}

#p2 {
	background-color: black;
	color: rgb(5, 190, 45);
	margin: 0;
}

#history1 {
	color:rgb(27, 0, 181);
	background-color: rgb(157, 0, 255);
}

#htitle {
	background-color: #7676e5;
	border-radius: 25px;
	width: 30%;
	text-align: center;
	margin-top: 5vh;
	border-style: solid;
	border-width: 5px;
	border-color: #8cff66;
	color: pink;
}
.box {
	display: flex;
}
.col {
	width: 10%;
}
#favcols {
	background: linear-gradient(to bottom right, red, orange, yellow, green, blue, indigo, violet);
	display: flex;
	justify-content: center;
}
#purple {
	color: rgb(178, 0, 178);
	background-color: gray;
}
#blue {
	color: blue;
	background-color: gray;
}
#green {
	color: rgb(2, 226, 2);
	background-color: gray;
}
#red {
	color: red;
	background-color: gray;
}
#pink {
	color: pink;
	background-color: gray;
}