@import "tailwindcss";

/*ANIMATED BACKGROUND PART*/
* {
	margin: 0;
	padding: 0;
}



.background-circle {
	width: 90px;
	height: 90px;
	background: rgb(200, 200, 253);
	border-radius: 50%
}

.circular-frame {
	width: 103px;
	height: 103px;
	border: 3px solid #8fb7f8;
	border-radius: 50%
}

.fa-brands.fa-github {
	font-size: 25px;
}


.fa-brands.fa-linkedin {
	font-size: 25px;
}

.fa-solid.fa-envelope {
	font-size: 25px;
}

html {
	scroll-behavior: smooth;
}

.image_frame {
	border: 5px solid #3fa5e5;
	/* Soft light-gray border */
	border-radius: 20px;
	/* Smooth rounded corners */
	box-shadow:
        0 0 3px  #16f5fd,
        0 0 7px #16f5fd;
	/* Soft modern shadow */

	background-color: #c0c1c1;
}