/* index.css */

body {
	background-color: black;
	color: #fff; /* set text color to white */
	}
	
main {
	padding-top: 20px; /* Adjust as needed */
	max-width: 1100px;
	margin: 0 auto;
	width: 90%; /* set the width to 90% of the parent element */
	min-height: calc(100vh - 180px); /* set the minimum height to the height of the viewport minus header and footer */
	}
	
main img {
	display: block;
	margin: 150px auto 0;
	max-width: 100%;
	}
	
.container_test1 {
	font-size: 18px; /* set font size */
	color: red; /* set font color */
	font-family: lato, sans-serif; /* set font family */
	font-weight: lighter; /* make font lighter *
	/* add any other desired styles here */
	}
	
.container_test2 {
	font-size: 16px; /* set font size */
	color: #f4f4f4; /* set font color */
	font-family: lato, sans-serif; /* set font family */
	font-weight: 100; /* make font lighter *
	/* add any other desired styles here */
	}
	
a {
	color: red;
	text-decoration: none;
	}
	
p {
	line-height: 1.5;
	}
	
.red-text1 {
	color: red;
	}
	
	/* Media query for smaller screens */
@media screen and (max-width: 768px) {
	/* Hide the social icons */
	.social-icons {
	display: none;
	}
	
main {
	padding-top: 30px; /* Adjust as needed */
	max-width: 1100px;
	margin: 0 auto;
	width: 90%; /* set the width to 90% of the parent element */
	min-height: calc(100vh - 180px); /* set the minimum height to the height of the viewport minus header and footer */
	}
	
main img {
	display: block;
	margin: 70px auto 0;
	max-width: 100%;
	}
}