/*Background color*/
body {
	background-color: lightgray;
	font-family: "Inter Tight", sans-serif;
	/*background-image: url("images/my_background_img.png");*/
	background-repeat: repeat;
	background-size: contain;
	
}

/*h1 {

	font-size: 32px;
}*/

h2 {
	font-size: 24px;
	
}

p {
	font-size: 15px;
	color: #010101;
	
		

}


/*Image*/

img {
	border-radius: 100%;
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	/*box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);*/
    /*border-top: solid 20px #A4E8E0;
    border-bottom: solid 2px white;
    border-right: solid 2px white;*/

}

img:hover {
	box-shadow: 0 0 2px 5px rgba(255, 255, 255, 0.5);
}

.tonya-img {
	border: solid 4px white;
	filter: none;
	animation-name: bwpic;
	animation-duration: 4s;
}

@keyframes bwpic {
	from {border-color: white;}
	to {border-color: white;}
	from {filter: none;}
	to {filter: brightness(60%);}
}

.tonya-pic-border {
	border: 10px dotted #010101;
	border-radius: 100%;
	width: 250px;
	margin-top: 20px;
	padding-bottom: 20px;
	animation-name: dots;
	animation-duration: 4s;
}

@keyframes dots {
	from {border-color: #010101;}
	to {border-color: #FF69B4;}
}

.top-section {
	max-width: 75%;
	background-color: #F9F6EE;
	/*padding: 30px;*/
	filter: opacity(95%);
	/*border: 2px dotted black;*/
	margin-top: 75px;
}

.intro-section1 {
	filter: brightness(100%);
	filter: opacity(100%);
	background-color: #F9F6EE;
	padding-top: 30px;
	padding-bottom: 5px;
	/*border-right: 2px dashed #010101;
	border-bottom: 2px dashed #010101;*/
}

.intro-section2 {
	filter: brightness(100%);
	filter: opacity(100%);
	background-color: #F9F6EE;
	padding-top: 60px;
	padding-bottom: 90px;
	/*border-right: 2px dashed #010101;
	border-bottom: 2px dashed #010101;*/
}

.project-title {
	max-width: 100%;
	vertical-align: center;
	margin-top: 0px;
	padding: 20px;
	background-color: white;
	text-align: center;
	color: black;
	font-size: 20px;
	font-weight: 100;
	/*border-top: solid 0.5px #010101;*/
	/*border-bottom: solid 8px white;*/
	
}

.project-nav {
	/*background-color: #010101;*/
}

#portfolio {
	background-color: white;
}
/* social media icons styling */
.social-icons {
    font-size: 36px;
    cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fa-facebook:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-linkedin:hover, .fa-twitch:hover {
    color: #010101;
}

.fab {
    color: #FF69B4;
}




.nav1 {
	color: white;
	font-weight: 100;
}

.nav1:visited {
	color: white;
}

.nav1:hover {
	color: #FF69B4;
}

.nav2 {
	color: #FF69B4;
	font-weight: 400;
}

.nav2:visited {
	color: #FF69B4;
}


.nav2:hover {
	color: black;
}

.name { 
	animation-name: tonya;
	animation-duration: 6s;
}

@keyframes tonya {
	from {color: white;}
	to {color: #FF69B4;}
}


/*Education section styling*/
.education {
	color: white;
	font-weight: 100;
	border: dotted 1px white;
	padding: 10px;
}

/*Link hover color*/

.link-hover-color {
	color: #FF69B4;
	border: #010101;
}

.link-hover-color:hover {
	background-color: white;
	color: black;
	border:  #FF69B4;
	
}