*{
    margin: 0%;
    padding: 0%     ;
}
.uniquifier {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:"wdth" 100;
}
.dropdown:hover>.dropdown-menu {
    display: block;
  }
  
  .dropdown>.dropdown-toggle:active {
      pointer-events: none;
  }
  .animated-text  span{
    position: relative;
    font-weight: bolder;
}
.animated-text span::before{
    content: "Instagram";
    color: rgb(44, 11, 255);
    animation: words 20s infinite;
}
.animated-text span::after{
    content: "";
    position: absolute;
    width: calc(100% + 8px);
    height: 100%;
    background-color: #0dcaf0;
    border-left: 2px solid black;
    right: -8px;
    animation: corsor .7s infinite, typing 20s steps(15) infinite;
}
@keyframes corsor {
    to{
        border-left: 2px solid #0dcaf0;
    }
}
@keyframes words{
    0%,20%{
        content: "#Instagram";
        color: blue;
    }
    21%,40%{
        content: "#Youtub";
        color: rgb(255, 15, 15);
    }
    41%,60%{
        content: "#Telegram";
        color: rgb(109, 109, 117);
    }
    61%,80%{
        content: "#Twitter";
        color: rgb(146, 97, 12);
    }
    81%,100%{
        content: "#GitHub";
        color: rgb(104, 121, 236);
    }
}
@keyframes typing{
    10%,15%,30%,35%,50%,55%,70%,75%,90%,95%{
         width: 0%;
    }
    5%,20%,25%,40%,45%,60%,65%,80%,85%{
        width: calc(100% + 8px);
    }
}








/* body css */


/* Footer css */