#envelope {
  animation: float 2s ease-in-out infinite;
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
}

#star1, #star2, #star3, #star4, #star5, #star6 {
  animation: blink 1s ease-in-out infinite;
}
#star2 { animation-delay: 100ms; }
#star3 { animation-delay: 500ms; }
#star4 { animation-delay: 700ms; }
#star5 { animation-delay: 300ms; }
#star6 { animation-delay: 200ms }



@keyframes blink {
  0% {
    opacity: 0;
  }
  50% {
    opacity: .5;
  }
  100% {
    opacity: 1;
  }
}

#foermbox {
    max-width: 600px;
    margin: 0 auto;
}

label {
    display: block;
    margin-bottom: 5px;
    color: white; /* Label text color */
}

.carbon-salinim.info-box{
		max-width: 100wv;
		height: 150px;
		border-radius: 10px;
		background: #262E48;
		position: relative;
		margin-bottom: 10px; /* Div'ler arasına boşluk bırakmak için margin-bottom ekleyebilirsiniz */}

.carbon-salinim.total-box{    
		flex: auto;    
		max-width: 100wv;
		height: 150px;    
		border-radius: 10px;
		background: linear-gradient(84deg, #5A7EA5 13.44%, #10707E 66.97%);    
		position: relative;}
.carbon-salinim.logo {            
		position: absolute;            
		top: 50px; /* Üst kenarı ortala */            
		left: 40px; /* Sol kenarı ortala */            
		transform: translate(-50%, -50%); /* Merkeze al */        
}

.carbon-salinim.text{    
		position: absolute;    
		top: 55px; /* Üst kenarı ortala */    
		left: 200px; /* Sol kenarı ayarla */    
		transform: translate(-50%, -50%); /* Merkeze al */    
		color: #FFF;    
		font-family: Arial, Helvetica, sans-serif;    
		font-size: 20px;    
		letter-spacing: 0.196px;
}
.carbon-salinim.bot-text{    
		position: absolute;    
		top: 85px;    
		left: 90px;    
		color: #A7BBCE;    
		font-family: sans-serif;    
		font-size: 20px;    
		letter-spacing: 0.21px;
}/* Ekran genişliği 300 pikselden küçükse */
@media screen and (max-width: 600px) {    
.carbon-salinim.info-box{
		width: 100wv;
		height: 150px;
		border-radius: 10px;
		background: #262E48;
		position: relative;
		margin-bottom: 10px; /* Div'ler arasına boşluk bırakmak için margin-bottom ekleyebilirsiniz */}
		
		.carbon-salinim.total-box{    
				flex: auto;    
				width: 100wv;    
				height: 150px;     
				border-radius: 10px;    
				background: linear-gradient(84deg, #5A7EA5 13.44%, #10707E 66.97%);    
				position: relative;
}

.carbon-salinim.logo {            
		position: absolute;            
		top: 50px; /* Üst kenarı ortala */            
		left: 40px; /* Sol kenarı ortala */            
		transform: translate(-50%, -50%); /* Merkeze al */        
		}
.carbon-salinim.text{    
		position: absolute;    
		top: 35px; /* Üst kenarı ortala */    
		left: 180px; /* Sol kenarı ayarla */    
		transform: translate(-50%, -50%); /* Merkeze al */    
		color: #FFF;    
		font-family: Arial, Helvetica, sans-serif;    
		font-size: 16px;    
		letter-spacing: 0.196px;
		}
.carbon-salinim.bot-text{    
		position: absolute;    
		top: 70px;    
		left: 70px;    
		color: #A7BBCE;    
		font-family: sans-serif;    
		font-size: 16px;    
		letter-spacing: 0.21px;
		}
}

@media screen and (max-width: 400px) {    
		.carbon-salinim.info-box{
				width: 400px;
				height: 150px;
				border-radius: 10px;
				background: #262E48;
				position: relative;
				margin-bottom: 10px; /* Div'ler arasına boşluk bırakmak için margin-bottom ekleyebilirsiniz */
}
	
		.carbon-salinim.total-box{    
				flex: auto;    
				width: 400px;    
				height: 150px;    
				border-radius: 10px;    
				background: linear-gradient(84deg, #5A7EA5 13.44%, #10707E 66.97%);    
				position: relative;
		}
		
		.carbon-salinim.logo {            
				position: absolute;            
				top: 50px; /* Üst kenarı ortala */            
				left: 40px; /* Sol kenarı ortala */            
				transform: translate(-50%, -50%); /* Merkeze al */        
		}
		
		.carbon-salinim.text{    
				position: absolute;    
				top:70px; /* Üst kenarı ortala */   
				left: 180px; /* Sol kenarı ayarla */    
				transform: translate(-50%, -50%); /* Merkeze al */    
				color: #FFF;    
				font-family: Arial, Helvetica, sans-serif;    
				font-size: 16px;    
				letter-spacing: 0.196px;}
		.carbon-salinim.bot-text{    
				position: absolute;    
				top: 100px;    
				left: 70px;    
				color: #A7BBCE;    
				font-family: sans-serif;    
				font-size: 16px;    
				letter-spacing: 0.21px;}
}



#name,
#email,
#number,
#sub,
#txtarea {
    width: 100%; /* Adjust the width as needed */
    padding: 8px;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid grey; /* Border color */
    background-color: #081029; /* Background color */
    color: white; /* Text color */
}

submit {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

submit:hover {
    background-color: #45a049;
}

/* Optional: Add more styles as needed for your specific design */