html, body { 
	height: 100%; 
	font-family: 'Poppins';
} 

.rounded-btn{
    border-radius: 30px;
    background-color:#8857F2;
    color:white;
}

.rounded-btn:hover{
    background-color: #8857F2; /* or any other property you want to reset */
    color: white;
}

.custom-btn:hover{
    background-color: #dccefa;
    color: #8857F2;
    border-color: #8857F2;
    border-width: 2px !important;
}

.custom-btn{
    background-color: white;
    color: #8857F2;
    border-color: #8857F2;
    border-width: 2px !important;
    border-radius: 10px;
}

.font-bold{
    font-weight: bold;
}

.font-semi-bold{
    font-weight: 500;
}

.font-light{
    font-weight: lighter;
}

.font-medium{
    font-weight: 400;
}