.links{
    margin-left: 70%;
}
.heading{
    color:rgb(238, 232, 233);
    font-size: 50px; 
    }
.btn1{
    background: rgb(197, 38, 46);
    border: none;
    padding: 5px;
    color: white;
    width: 200px;
}
.btn2{
    background: rgb(29, 131, 199);
    border: none;
    padding: 5px;
    color: white;
    width: 200px;
}
.btn1:hover{
    border-radius: 10px;
}
 .btn2:hover{
border-radius: 10px;
}
.visual{
    width: 30%;
    opacity: 0;
    transform: translateX(0px);
    transition: 0.5s all ease-in-out;
}
.anim{
    opacity: 1;
    transform: translateX(20px);
}
.qna{
    margin-top: 20px;
    
}
.qnaback{
    background: rgb(240, 224, 224);
    border-radius: 30px;
}
.qnabtn{
    margin-left:500px;
}
.nav-fixed {
    width: 100%;
    position: fixed;
    transition: 0.3s ease-in-out;
}
.nav-active {
    background-color:rgb(226, 33, 162);
    box-shadow: 5px -1px 12px -5px grey;
}
.shadow{
    box-shadow: 0 20px 20px rgba(0, 0,0,0.2), 0px 0px 50px rgba(0, 0,0,0.2);
}
.cards{
    box-shadow: 0 20px 20px rgba(0, 0,0,0.2), 0px 0px 50px rgba(0, 0,0,0.2);
    margin-top: 5px;
}
.icons{
    font-size: 50px;
  }
  .icons:hover{
    color: white;
  }