body {
			line-height: 1;
			font-family: "Poppins", sans-serif;
			font-weight: 200;
			font-style: normal;
			text-rendering : optimizeLegibility;
			-webkit-font-smoothing : antialiased;

			font-size: 20px;
			color: #fff;	
			background-color: #0d0d0d;	

            margin: 0;
            padding: 0;
            height: 100vh;
            background-image: url('https://www.toptal.com/designers/subtlepatterns/uploads/double-bubble-dark.png'); /* URL to your pattern image */
            background-repeat: repeat; /* Ensures the pattern repeats */
            background-size: auto; /* Default, ensures the image is not resized */			


			
}

.responsive-img {
            max-width: 100%;
            height: auto;
			margin-left:15x !important;
        }
		
.styled-div1 {
			background: linear-gradient(to right, #1e2022, #000);
			border: 1.5px solid #fff;
			border-radius: 10px;
			padding: 20px;
			width: fit-content;
			transform: translateX(-10px);
			line-height: 1.5;
        }	
		
.styled-div {
			background: linear-gradient(to right, #1e2022, #000);
			border: 1.5px solid #ffff00;
			border-radius: 10px;
			padding: 20px;
			width: fit-content;
			transform: translateX(-10px);
			line-height: 1.5;
        }		

.container {
            display: block;
            justify-content: center;
            align-items: center;
            height: 435px; 
            max-width: 600px;
            margin: 0 auto; 
			line-height:1.2;
			font-size: 18px;
}

.in1 {
			padding-left:20px;
}
		
hr { 

			background-color: #ffffff2e ; 
			height: 1px; 
			border: 5px dotted #fff;
			height: 1px;
			margin-right: 20px;
			
}

.custom-hr {
	
			margin-top: -1px;
			
}