.top-head{
    background-color: #aa5377;
    height: 55px;
    align-content: center;
    width: 100%;  
}
.text {
    margin-left: 20px;
    font-family: "Sofia";
    font-size: 20px;
    color: aliceblue;
    padding-top: 10px;

}
.text1 {
    font-family: "Sofia";
    font-size: 17px;
    color: aliceblue;
    padding-top: 10px;

}
.intro-text {
    color: aliceblue;
    font-family: "Sofia";
    font-size: 23px;
}
.link{
    color: aliceblue;
}

.intro {
    padding-top: 50px;
    padding-left: 20px ;
    padding-bottom: 50px;
    background-color: #cf8da7;
}
.skills {
    padding-top: 50px;
    padding-left: 2px ;
    padding-bottom: 20px;
    background-color: #cf8da7;
    height: 300px;
}
.work-exp {
    padding-top: 30px;
    padding-bottom: 60px;
    height: 320px;
    background-color: #aa5377;

}
.education {
    padding-top: 30px;
    padding-bottom: 60px;
    height: 400px;
    background-color: #aa5377;
}
.footer1 {
  
    padding-left: 20px ;
    background-color: #cf8da7;
    height: 50px;
}
.pic {
    border-radius: 50%;
    background: #cf8da7;
    box-shadow:  40px 40px 100px #7e3450, 
                 -40px -40px 100px #facff1;
}
.pointer-container {
    position: absolute;
    top: -25px;
    left: 110px;
    width: 20px;
    height: 260px;
   
    animation: rotate 7.5s linear forwards infinite;
    transform-origin:  bottom-center ;
}
.pointer {
    background-color: white;
    border-radius: 50%;
    height: 15px;
    width: 15px;
    display: block;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
     to {
        transform: rotate(360deg);
     }
}
.social {
    margin-top: 35px;
    height: 20px;
    background-color: #cf8da7;
    margin-left: 60% ;
   
}
.link1 {
    color:aliceblue;
    margin-left: 20px;
}
.heading {
    color: aliceblue;
    font-family: Sofia;
    font-size: 23px;
    
}
.flip-card {
    background-color: transparent;
    width: 180px;
    height: 180px;
 
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #bbb;
    color: black;
    
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: #cf8da7;
    color: white;
    transform: rotateY(180deg);
  
  }
  .tech {
      margin-left: 20px ;
  }
  .tools {
      margin-left: 25%;
      padding-top: 20px ;
  }