:root{
    --text-color:#0c6ded;
    --bg-color: #fa9911;
}

*{
     font-family: "Fredericka the Great";
     letter-spacing: 2px;
     scroll-behavior: smooth;
}

.text-color-bg{
    color:#fa9911;
}
.text-color{
    color: var(--text-color);
}
.bg-color{
    background: var(--bg-color);
}
.bg-color-b{
    background: var(--text-color);
}
.translate-icon{
    transform: scale(1);
    animation: pulse 1.5s infinite;
}
.nav-link:hover{
    transform: scale(1);
    animation: pulselink 1.5s normal;
    color: var(--text-color)!important;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        
    }

    70% {
        transform: scale(1.5);
        
    }

    100% {
        transform: scale(1);
        
    }
}
@keyframes pulselink {
    0% {
        transform: scale(1);
        
    }

    70% {
        transform: scale(1.3);
        
    }

    100% {
        transform: scale(1);
        
    }
}


.section-home{
    min-height: 100vh;
    background: url(img/coolbackgrounds-particles-stellar2.png);
    background-size: cover;
}
#servicelink{
    background-size: cover;
}

.about-image img{
    border-radius: 555px 555px 555px 555px;
}

.card{
    box-shadow:  4px 4px 0px rgba(250,153,17,0.87);
}


.section-contact{
    background: url(img/coolbackgrounds-particles-stellar2.png);
    background-size: cover;
}


  .swing-element {
      animation: swing ease-in-out 1s infinite alternate;
      transform-origin: center top; /* Sets the pivot point for the swing */
    }

   @keyframes swing {
      20% {
        transform: rotate(1deg); /* Swings to one side */
      }
      40% {
        transform: rotate(-1deg); /* Swings to the other side */
      }
      60% {
        transform: rotate(0.5deg); /* Swings back slightly */
      }
      80% {
        transform: rotate(-0.5deg); /* Swings the other way slightly */
      }
      100% {
        transform: rotate(0deg); /* Returns to original position */
      }
    }

    .card .card-body .card-text{
        min-height: 150px;
    }