body      
		{
		background-color: #FF7272;
		justify-content: center;
}
		
.hero-image
			{
				
			}

.aboutme-image	{
	
	
}


h1    {
	padding:40px;
	color: #FFFFFF;
	font-size: 35px;
}

h2     {
	padding:0 20px;
	font-size: 25px;
	color: #fc9fd9;
}

h3     {
	padding:0 40px;
	color: # #FF7272;
}


p     {
	padding:0 40px;
	color: #FFFFFF;
}

.hero   {
	padding: 100px, 100px;
    margin-top; 50px;
	margin-bottom: 50px;
	margin-left:200px;
	margin-right:200px;
	
	
	height: 750px;
	background-color: #A0166D;
	align-content: center;
	
	border-color: #CD1C1C;
	clear: both;
	
}

.aboutme    {
	margin-top; 150px;
	margin-bottom: 50px;
	margin-left:200px;
	margin-right:200px;
	
	height: 750px;
	background-color: #A0166D;
	align-content: center;
	h1: 35px;
	border-color: #CD1C1C;
	clear: both;
	
}

#projects    {
	
	margin-top; 50px;
	margin-bottom: 50px;
	margin-left:200px;
	margin-right:200px;
	color:#C8599F;
	
	height: 750px;
	background-color: #A0166D;
	h1: 25px;
	border-color: #CD1C1C;
	clear: both;
	
}

.contactme    {
	margin-top; 50px;
	margin-bottom: 50px;
	margin-left:200px;
	margin-right:200px;
	height: 750px;
	background-color: #A0166D;
    color:#ffffff;
	padding: 25px;
	border-color: #CD1C1C;
	clear: both;
	
}

#projectlist  {
	
	display:flex
	background-color: #A0166D;
    font-color:#ffffff;
	position: fixed;
	align-content: center;
	background-color: #CD1C1C;
	z-index:1;
	

	
}

.project-name  {
	
}

.secondproject-name  {
	
}


.thirdproject-name  {
	
}


.projectlist     {
	
	font-color: #FFFFFF;
	display: flex;
	padding: 0 20%;
	list-style: none;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
}	

.projectlist ul     {
	
	font-color: #FFFFFF;
	display: flex;
	padding: 0 20%;
	list-style: none;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
}


.projectlist ul li 	{
	
	
	padding: 0 15px;
	transition: .03s;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
	
}

.projectlist ul li a	{
	
	font-color: #ffffff;
	padding: 0 15px;
	transition: .03s;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
	
}





.projectlist ul li a:hover   {
		transition: .03s;
	   color:  #820855;
		background-color: #FFFFFF;
		font-weight:100%;
		text-transform: uppercase;
	    text-decoration-line: none;
		
   	
		}




nav  {
	
	display:flex
	color:#A0166D;
	position: fixed;
	align-content: center;
	width:100%;
	height: 50px;
	padding: 0 10%;
	background-color: #CD1C1C;
	z-index:1;

	
}
nav ul       {
	
	display: flex;
	align-items:center;
	padding: 0 10%;
	list-style: none;
	
}
nav ul li a	{
	
	color: #FFFFFF;
	padding: 0 15px;
	transition: .03s;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
	
}

nav ul li a:hover   {
		transition: .03s;
	    font-size: 30px;
		color:  #FF7272;
	 	background-color: #FFFFFF;
		font-weight:150%;
		text-decoration-line: none;
		
   	
		}

 a:hover   {
	 
		transition: .03s;
	    background-color: #FFFFFF;
		color:  #FF7272;
		font-weight:10%;
		text-decoration-line: none;
		
   	
		}

.bottomnav  {
	
	display:flex
	color:#FFFFFF;
	position: fixed;
	align-content: center;
	width:100%;
	height: 50px;
	padding: 0 10%;
	background-color: #ffffff;
	z-index:1;

	
}
.footer-social-media ul       {
	
	display: flex;
	align-items:center;
	padding: 0 10%;
	list-style: none;
	
}
.footer-social-media ul li a	{
	
	color: #FFFFFF;
	padding: 0 15px;
	transition: .03s;
	text-transform: uppercase;
	text-decoration-line: none;
	
	
	
}

.footer-social-media ul li a:hover   {
		transition: .03s;
	    font-size: 50px;
		color:  #820855;
		font-weight:200%;
		text-decoration-line: none;
		background-color: #FFFFFF;
   	
		}


container {
	
	
}
p	
		{
	color: #fffffff;
	
		}

.facebookicon
{
	img:files/images/square-facebook-brands.svg;
	padding:0 15px;
	height: 25px;
	width:25px;
	
}

.instagramicon
{
	img:files/images/square-instagram-brands.svg;
	padding:0 15px;
	height: 25px;
	width:25px;
	
}

.twittericon
{
	img:files/images/tiktok-brands.svg;
	padding:0 15px;
	padding:0 15px;
	height: 25px;
	width:25px;
	
	
}
.footer  {
	
	height: 100px;	
	padding: 25px;
	margin:0px,50px;
	background-color: #CD1C1C;
	align-content: center;
}