h1 {
	text-align: center;
}
.text {
	color: white;
	font-family: 'Poppins', sans-serif; 
}
body {
	background: linear-gradient(180deg, #c317e8 0%, #2a9ad5 25%, #00b3ff 50%, #2a9ad5 75%, #9306f9 100%);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 100vh;
	margin: 0;
	
	
}
.circular-picture {
    width: 150px; /* Set width of the container */
    height: 150px; /* Set height of the container */
    overflow: hidden; /* Hide any overflow */
    border-radius: 50%; /* Make the container circular */
    display: flex; /* Center the image */
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    border: 3px solid #fff; /* Optional white border */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); /* Optional shadow effect */
    margin: 20px auto; /* Center the div */
}

.circular-picture img {
    width: 100%; 
    height: auto; 
    border-radius: 50%; 
}