@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: Segoe UI;
}
.container {
  width: 100%;
  margin: auto;
    font-size: 2 rem;
	
 
 
}
img.yuvarlak {
    border-radius: 10%;
}
.modal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.548);

}

.modalic {
  position: fixed;
  top: 0;
  left: 0;
  width: 70%;
  height: 100%;
  display:flex;
  border:#CCC;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.548);

}

.ken {
	 
}
.kenCopy {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	background-color: #FFC;
}

.modal2 form {
  position: relative;
  min-width: 30%;
  min-width: 30;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background: white;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  overflow: auto; 
 overflow-x: hidden;
}
.modal3 {
  position: fixed;
  top: 10;
  left: 0;
  width: 100%;

  height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.548);
 overflow: auto; 
 overflow-x: hidden;
}
.modal3 form {
  position: relative;
  max-height: 85vh;
  display: flex;
  flex-direction:column;
  padding: 2rem;
  background: white;
  border-radius: 0.5rem;
  font-size: 1.2rem;
 overflow: auto; 
 overflow-x: hidden;
}
.modal3 form::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}
#modal2-kapat2 {
  position: absolute;
  right: 0;
  top: 0;
  background: gray;
  padding: 0.5rem;
  border-bottom-left-radius: 1rem;
  cursor: pointer;
}
.text h1 {
  font-size: 3rem;
}
 .text button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
   width:100%
}
 
.text2 h1 {
  font-size: 3rem;
}
 .text4 button {
  background:#FC0;
  color:#000;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  width: 65%;
	
	
	
 
	 
}
 .text2 button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 65%;
	
	
	
 
	 
}
 .text3 button {
  background:#F00;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 65%;
	
	
	
 
	 
}
.textalt button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  width: 90%;
    max-width: 800px;
	
	
	
 
	 
}
 
  .textust button {
    background: #6c63ff;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
.textustol button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
   .textust2 button {
    background:#9FC;
   color:#000;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
.text3 h1 {
  font-size: 3rem;
}
 
 .text3 button {
  background:#0FC;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 100%;
}
 .text11 button {
  background:#090;
  color:#000;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
   width:100%
}
  .textolumsuz button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
    border-radius: 1rem;
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}


 .yapilmis button {
    background:#FF0;
  color:#000;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
   
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
.textbaslik button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
 
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
 .textodev button {
    background:#093;
  color: white;
  border: 0;
   align-items: left;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
   
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
@keyframes telefon-animasyonu {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-1rem);
  }
  40% {
    transform: translateY(-1.5rem);
  }
  70% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes parca-animasyonu {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-0.5rem);
  }
  40% {
    transform: translateY(-1rem);
  }
  70% {
    transform: translateY(-1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}

@media screen and (max-width:479px){ 
.modal2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.548);
  overflow: auto; 
 overflow-x: hidden;
}
.ken {
	 
}
 .textust2 button {
   background:#9FC;
  color:#000;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
 .textodev button {
    background:#093;
  color: white;
  border: 0;
     align-items: left;
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
 
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
.modal2 form {
  position: relative;
  min-width: 30%;
  min-width: 30;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  background: white;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  overflow: auto; 
 overflow-x: hidden;
}
.modal3 {
  position: fixed;
  top: 10;
  left: 0;
  width: 100%;

  height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.548);
  overflow: auto; 
 overflow-x: hidden;
}
.modal3 form {
  position: relative;
  max-height: 85vh;
  display: flex;
  flex-direction:column;
  padding: 2rem;
  background: white;
  border-radius: 0.5rem;
  font-size: 1.2rem;
  overflow: auto; 
 overflow-x: hidden;
}
.modal3 form::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
}
#modal2-kapat2 {
  position: absolute;
  right: 0;
  top: 0;
  background: gray;
  padding: 0.5rem;
  border-bottom-left-radius: 1rem;
  cursor: pointer;
}
.text h1 {
  font-size: 3rem;
}
 .text button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
   width:100%
}
 .text11 button {
  background:#090;
  color:#000;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
   width:100%
}
.text2 h1 {
  font-size: 3rem;
}
 .textbaslik button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
 
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
 .text2 button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 65%;
	
	
	
 
	 
}
 
.textalt button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  width: 90%;
    max-width: 800px;
	
	
	
 
	 
}
 .textalt button {
  background: #6c63ff;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  width: 90%;
    max-width: 800px;
	
	
	
 
	 
}
.textust button {
    background: #6c63ff;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
.textustol button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.3rem 1rem;
  cursor: pointer;  width: 90%;
    max-width: 800px; 
}
.zemin{
	background:#F00;
color:#FFF;
}
  .textolumsuz button {
    background:#F00;
  color: white;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer; 
   width: 100%;
    max-width: 800px; 
	  border-radius: 1rem;
}
.yapilmis button {
   background:#FF0;
  color:#000;
  border: 0;
  font-size: 1rem;
  padding: 0.5rem 1rem;
 
  cursor: pointer;  width: 100%;
    max-width: 800px; 
}
 
.text3 h1 {
  font-size: 3rem;
}
 
 .text3 button {
  background:#0FC;
  color: white;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 100%;
}

.text4 button {
  background:#FC0;
  color:#000;
  border: 0;
  border-radius: 1rem;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
    width: 65%;
	
	
	
 
	 
}
@keyframes telefon-animasyonu {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-1rem);
  }
  40% {
    transform: translateY(-1.5rem);
  }
  70% {
    transform: translateY(-2rem);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes parca-animasyonu {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(-0.5rem);
  }
  40% {
    transform: translateY(-1rem);
  }
  70% {
    transform: translateY(-1.5rem);
  }
  100% {
    transform: translateY(0);
  }
}

}/* CSS Document */