@charset "UTF-8";

body, p, h1, h2, h3, h4, h5, h6, span, div, li, ul {
	font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
	margin: 0;
	padding: 0;
}

.alert{
	display:block;
	color: red;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;
	width: 100%;
	background-color: rgba(222, 33,33, 0.3);
}


#h1_yazi{
	margin-top:10px;
	color: rgba(33,33,33,1);
	font-size: 26px;
	font-weight: bold;
	display: block;
	text-align: center;
}


.contact_container {
  padding: 30px;
  padding-top:10px;
  border-radius: 8px;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 500px; 

  
  margin-left:auto;
  margin-right:auto;
  margin-top:40px;

}



.contact_form .form-group {
  margin-bottom: 20px;

}

.contact_form label {

  display: block;
  font-size: 16px;
  color:rgba(0, 0, 0, 0.9);
  margin-top:20px;
  margin-bottom: 8px;
  margin-left:auto;
  margin-right:auto;
  font-weight: bold;
}

.contact_form input,
.contact_form textarea {
  width: 90%;
  padding: 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
    margin-left:auto;
  margin-right:auto;
}

.contact_form input:focus,
.contact_form textarea:focus {
  border-color: rgb(40,140, 25);
  outline: none;
}

.contact_form textarea {
	height: 100px;
}

.contact_form .submit_btn {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding: 14px;
  background-color:rgb(40,140, 25);
  color: rgba(250,250,250,1);
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.contact_form .submit_btn:hover {
  background-color: rgb(50,180, 30);
}

.contact_form .submit_btn:active {
  background-color: rgb(50,180, 30);
}

/* Mobil Menü için */
@media screen and (max-width: 600px) {
	.contact_container {
		max-width: 70%;
		margin-right: auto;
		margin-left: auto;
		font-size: 14px;
	}}