@keyframes lightning{
  0%{
    background:#1c1c1b;
  }
  2%{
    background:#3d4036;
  }
  9%{
    background:#1c1c1b;
  }
  10%{
    background:#3d4036;
  }
  11%{
    background:#1c1c1b;
  }
  12%{
    background:#3d4036;
  }
  14%{
    background:#1c1c1b;
  }
  43%{
    background:#1c1c1b;
  }
  44%{
    background:#3d4036;
  }
  55%{
    background:#1c1c1b;
  }
  81%{
    background:#1c1c1b;
  }
  82%{
    background:#3d4036;
  }
  
  83%{
    background:#1c1c1b;
  }
  84%{
    background:#3d4036;
  }
  96%{
    background:#1c1c1b;
  }
  100%{
    background:#1c1c1b;
  }
}

@keyframes swing {
  0%{
    transform:rotateX(-10deg)
  }
  
  50%{
    transform:rotateX(10deg)
  }
  
  100%{
    transform:rotateX(-10deg)
  }
}

@keyframes spin{
  from{
    transform:rotateY(0deg) rotateX(-10deg);
  }
  to {
      transform:rotateY(360deg) rotateX(-10deg);

  }
}

@keyframes movehead {
  0%{
    transform:translateZ(5px) rotateY(-30deg);
  }
  30%{
    transform:translateZ(5px) rotateY(-30deg);
  }
  40%{
    transform:translateZ(5px) rotateY(30deg);
  }
  60%{
    transform:translateZ(5px) rotateY(30deg);
  }
  70%{
    transform:translateZ(5px) rotateY(-30deg);
  }
  100%{
    transform:translateZ(5px) rotateY(-30deg);
  }
}

body{
  animation:lightning 15s linear infinite;
  background: #282522;
}

.tempbeak {
  transform:rotateY(90deg);
  display:block;
}



.crow-body{
  position:absolute;
  top:50%;
  left:50%;
  transform-style:preserve-3d;
  /* animation:spin 10s infinite linear;*/
  transform:rotateY(-20deg) rotateX(-20deg);
  Width:40px;
  height:80px;
  border-radius:100%;
  background:#1c1c1b;
}

#crow-2{
  top:40%;
  left:80%;
}

.crow-body:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  transform-style:preserve-3d;
  transform:rotateY(120deg);
  width:100%;
  height:100%;
  border-radius:100%;
  background:#1c1c1b;
}
.crow-body:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  transform-style:preserve-3d;
  transform:rotateY(60deg);
  width:100%;
  height:100%;
  border-radius:100%;
  background:#1c1c1b;
}

.crow-head{
  position:absolute;
  top:-15px;
  left:10px;
  transform-style:preserve-3d;
  width:20px;
  height:40px;
  border-radius:100px;
  background:#1c1c1b;
  transform:translateZ(5px) rotateY(-30deg);
  animation:movehead 3s infinite alternate;
}

#crow-2 .crow-head{
  animation-delay:-1s;
}

.crow-head:before{
  content:"";
  position:absolute;
  transform:rotateY(60deg);
  transform-style:preserve-3d;
  width:100%;
  height:100%;
  border-radius:100px;
  background:#1c1c1b;
}
.crow-head:after{
  content:"";
  position:absolute;
  transform:rotateY(120deg);
  transform-style:preserve-3d;
  width:100%;
  height:100%;
  border-radius:100px;
  background:#1c1c1b;
}

.crow-beak {
  width:20px;
  height:5px;
  border-radius:100% 0 0 0;
  background:#1c1c1b;
  position:absolute;
  transform:rotateY(90deg) rotateZ(20deg) translateX(-15px) translateZ(5px) translateY(5px);
}

.crow-wing {
  position:absolute;
  width:150px;
  left:35px;
  top:20px;
  transform-origin:0%; 
  transform-style:preserve-3d;
  transition:500ms;
  pointer-events:none;
  
}

.crow-wing.folded {
  transform:rotateY(80deg);
  
}
.left-wing {
  transform:rotateY(180deg) translateX(25px);
}
.left-wing.folded {
  transform:rotateY(80deg) rotateZ(-20deg) translateZ(-25px);
  
}
.crow-wing-humerus,.crow-wing-ulna, .crow-wing-metatarsal,.crow-wing-digits{
  background:#1c1c1b;
  transform-origin:5px 50%;
  height:10px;
  border-radius:10px;
  position:absolute;
  top:0;
  display:flex;
  transform-style:preserve-3d;
  transition:500ms;
}


.crow-wing-feather {
  width:10px;
  height:50px;
  background:#1c1c1b;
  border-radius:5px 10px 2px 100%;
  transform-origin:50% 10%;
  transition:500ms;
}

.crow-wing-humerus {
  width:30px;
  transform:rotateZ(10deg);
}
.folded .crow-wing-humerus {
  transform:rotateZ(70deg);
}
.left-wing.folded .crow-wing-humerus {

}
.crow-wing-humerus .crow-wing-feather:nth-child(1){
  transform:rotateZ(0deg);
}

.crow-wing-humerus .crow-wing-feather:nth-child(2){
  transform:rotateZ(-2deg);
}

.crow-wing-humerus .crow-wing-feather:nth-child(3){
  transform:rotateZ(-5deg);
}

.folded .crow-wing-humerus .crow-wing-feather:nth-child(1){
  transform:rotateZ(-30deg);
}

.folded .crow-wing-humerus .crow-wing-feather:nth-child(2){
  transform:rotateZ(-30deg);
}

.folded .crow-wing-humerus .crow-wing-feather:nth-child(3){
  transform:rotateZ(-30deg);
}

.crow-wing-ulna {
  left:25px;
  width:60px;
  transform:rotateZ(-30deg) rotateY(-10deg);
}

.left-wing .crow-wing-ulna {
  transform:rotateZ(-30deg) rotateY(10deg);
}
.folded .crow-wing-ulna {
  transform:rotateZ(170deg) rotateX(170deg);
}
.left-wing.folded .crow-wing-ulna {
  transform:rotateZ(170deg) rotateX(-170deg);
}

.crow-wing-ulna .crow-wing-feather:nth-child(1){
  transform:rotateZ(15deg);
}

.crow-wing-ulna .crow-wing-feather:nth-child(2){
  transform:rotateZ(12deg);
}
.crow-wing-ulna .crow-wing-feather:nth-child(3){
  transform:rotateZ(9deg);
}

.crow-wing-ulna .crow-wing-feather:nth-child(4){
  transform:rotateZ(6deg);
}

.crow-wing-ulna .crow-wing-feather:nth-child(5){
  transform:rotateZ(3deg);
}

.crow-wing-ulna .crow-wing-feather:nth-child(6){
  transform:rotateZ(0deg);
}


.folded .crow-wing-ulna .crow-wing-feather:nth-child(1){
  transform:rotateZ(5deg);
}

.folded .crow-wing-ulna .crow-wing-feather:nth-child(2){
  transform:rotateZ(10deg);
}
.folded .crow-wing-ulna .crow-wing-feather:nth-child(3){
  transform:rotateZ(15deg);
}

.folded .crow-wing-ulna .crow-wing-feather:nth-child(4){
  transform:rotateZ(20deg);
}

.folded .crow-wing-ulna .crow-wing-feather:nth-child(5){
  transform:rotateZ(25deg);
}

.folded .crow-wing-ulna .crow-wing-feather:nth-child(6){
  transform:rotateZ(30deg);
}

.crow-wing-metatarsal {
  left:55px;
  width:30px;
  transform:rotateZ(30deg);
}

.folded .crow-wing-metatarsal {
  transform:rotateZ(120deg);
}

.left-wing.folded .crow-wing-metatarsal {
  transform:rotateZ(120deg);
}

.crow-wing-metatarsal > .crow-wing-feather:nth-child(1){
  transform:rotateZ(-35deg);
}

.crow-wing-metatarsal .crow-wing-feather:nth-child(2){
  transform:rotateZ(-35deg);
}

.crow-wing-metatarsal .crow-wing-feather:nth-child(3){
  transform:rotateZ(-35deg);
}


.folded .crow-wing-metatarsal .crow-wing-feather:nth-child(1){
  transform:rotateZ(-55deg);
}

.folded .crow-wing-metatarsal .crow-wing-feather:nth-child(2){
  transform:rotateZ(-55deg);
}

.folded .crow-wing-metatarsal .crow-wing-feather:nth-child(3){
  transform:rotateZ(-55deg);
}





.crow-wing-digits {
  left:25px;
  width:30px;
  transform:rotateZ(0deg);
}

.folded .crow-wing-digits {
  transform:rotateZ(10deg);
}



.crow-wing-digits .crow-wing-feather:nth-child(1){
  transform:rotateZ(-40deg);
  height:50px;
}

.crow-wing-digits .crow-wing-feather:nth-child(2){
  transform:rotateZ(-45deg);
  height:55px;
}

.crow-wing-digits .crow-wing-feather:nth-child(3){
  transform:rotateZ(-50deg);
  height:60px;
}

.folded .crow-wing-digits .crow-wing-feather:nth-child(1){
  transform:rotateZ(-50deg);
}

.folded .crow-wing-digits .crow-wing-feather:nth-child(2){
  transform:rotateZ(-55deg);
}

.folded .crow-wing-digits .crow-wing-feather:nth-child(3){
  transform:rotateZ(-60deg);
}

.crow-tailfeathers {
  position:absolute;
  height:20px;
  width:40px;
  border-radius:10px;
  left:0px;
  bottom:0px;
  transform-origin:0%; 
  transform-style:preserve-3d;
  transition:1000ms; 
  display:flex;
  transform:translateZ(-10px)
}
.crow-tail-feather {
  width:10px;
  height:50px;
  background:#1c1c1b;
  border-radius:10px 10px 100% 100%;
  transform-origin:50% 10%;
  transition:500ms;
}

.crow-tail-feather:nth-child(1) {
  transform:rotateY(60deg) rotateX(2deg) translateZ(2px);
}
.crow-tail-feather:nth-child(2) {
  transform:rotateY(30deg) rotateX(2deg) translateZ(2px);
}

.crow-tail-feather:nth-child(2) {
  height:70px;
}

.crow-tail-feather:nth-child(3) {
  height:80px;
}

.crow-tail-feather:nth-child(4) {
  height:80px;
}

.crow-tail-feather:nth-child(5) {
  transform:rotateY(-30deg) rotateX(2deg) translateZ(2px);
  height:70px;
}

.crow-tail-feather:nth-child(6) {
  transform:rotateY(-60deg) rotateX(2deg) translateZ(2px);
}

.crow {
  width:800px;
  height:100px;
  border-bottom:3px solid #1c1c1b;
  border-top:0px dotted transparent;
  position:absolute;
  border-radius:100%;
  top:100px;
  animation:swing 2s infinite ease-in-out;
  transform-origin: 0% 0%;
  transform-style:preserve-3d;
}

.sign {
  width:80px;
  position:absolute;
  transform:translateX(300px) translateY(0px) translateZ(-100px) rotateX(10deg) rotateY(30deg);
  border:dotted 20px white;
  border-radius:30px;
  padding:20px;
  filter:blur(10px);
  text-align:center;
  margin-top:30px;
}

@keyframes flicker {
  0%{
    opacity:.7;
  }
  10%{
    opacity:.9;
  }
  20%{
    opacity:.6;
  }
  30%{
    opacity:1;
  }
  40%{
    opacity:.6;
  }
  50%{
    opacity:1;
  }
  95%{
    opacity:.5;
  }
  100%{
    opacity:1;
  }
  
}

.sign span {
  font-size:120px;
  color:#ffffff;
  text-shadow:0px 0px 36px #ffffff;
  line-height:1;
  font-family:sans-serif;
  font-weight:bold
}

.sign span:nth-child(2) {
}

/* Maintenance Message Styles */
.maintenance-message {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.95);
  padding: 40px 60px;
  border-radius: 20px;
  border: 2px solid #000000;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  animation: flicker 3s infinite ease-in-out;
}

.logo-container {
  margin-bottom: 30px;
  animation: flicker 3s infinite ease-in-out;
}

.garga-logo {
  max-width: 200px;
  height: auto;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.8));
  animation: logoGlow 4s infinite ease-in-out;
}

@keyframes logoGlow {
  0% {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.6));
  }
  50% {
    filter: drop-shadow(0 0 25px rgba(0, 0, 0, 1));
  }
  100% {
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.6));
  }
}

.maintenance-message h1 {
  color: #000000;
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 20px 0;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  font-family: sans-serif;
  letter-spacing: 2px;
}

.maintenance-message p {
  color: #000000;
  font-size: 24px;
  margin: 0;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  font-family: sans-serif;
  opacity: 0.9;
}

.contact-links {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.contact-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #000000;
  padding: 15px 20px;
  border-radius: 15px;
  border: 2px solid #000000;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.3s ease;
  min-width: 100px;
  animation: flicker 3s infinite ease-in-out;
}

.contact-link:hover {
  background: rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.contact-link i {
  font-size: 24px;
  margin-bottom: 8px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.contact-link span {
  font-size: 14px;
  font-weight: bold;
  font-family: sans-serif;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

/* Özel renkler için hover efektleri */
.contact-link:hover i.fa-map-marker-alt {
  color: #4285F4;
}

.contact-link:hover i.fab.fa-instagram {
  color: #E4405F;
}

.contact-link:hover i.fab.fa-whatsapp {
  color: #25D366;
}