*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

.bg{
    background:linear-gradient(to right,rgb(142, 142, 248), rgb(252, 161, 252)) ;
}
#email_container{
    background: rgba( 255, 255, 255, 0.3 );
    box-shadow: 0 8px 32px 0 rgba(198, 199, 218, 0.37);
    backdrop-filter: blur( 13px );
    border-radius: 20px;
    border: 1px solid rgba(175, 171, 171, 0.18);
}
#btn{
    border-radius: 20px;
}
.typewriter span {
   
   
    overflow: hidden;  /*Ensures the content is not revealed until the animation */
    /* The typwriter cursor */
    white-space: nowrap;  /*Keeps the content on a single line*/ 
    
    /* Adjust as needed */
    transform: smooth;
    animation:typing .6s
}

/* The typing effect */
@keyframes typing {
    from {
        width: 0
    }
    to {
        width: 8%
    }
}
@media all and (max-width:560px){
    @keyframes typing {
    from {
        width: 0
    }
    to {
        width: 25%
    }
}
}


#btcol{
    background-color: #7406f6;
    color:white;
    font-weight: bold;
}
.mt-5{
    margin-top: 10rem !important;
}
.colour{
    color:#7406f6 !important;
}