@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@keyframes myAnim {
	0% {
		opacity: 0;
		transform: translateY(-70px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

html {
    background-color:#09050b;
    scroll-behavior:smooth;
}
body {
    animation: myAnim 0.5s ease 0s 1 normal forwards;
    color:white;
    font-family:'Poppins', sans-serif;
}
.title {
    font-family:'Lexend', sans-serif;
    color:white;
    font-size:5rem;
}
.title > span {
    color:#8a6fef;
}
.btn1 {
    border-radius:5px;
    padding-right:45px;
    padding-left:45px;
    padding-top:20px;
    padding-bottom:20px;
    transition:ease all 0.3s;
    color:#8a6fef;
    background-color:#8b6fef2f;
    border:none;
}
.btn1:hover {
    cursor:pointer;
    background-color:#8b6fef58;
    transform: translate3d(0, -5px, 22px);
}
.pushright {
    margin-right:25px;
}
.floatright {
    float:right;
}
.img1 {
    width:250px;
    height:250px;
    border-radius:100px;
}
#line {
    margin-top:100px;
    margin-bottom:25px;
    height:1px;
    background-color:#8b6fef3e;
}
h2 {
    font-size:3rem;
    color:#8a6fef;
    border-radius:5px;
    padding-right:45px;
    padding-left:45px;
    padding-top:20px;
    padding-bottom:20px;
    transition:ease all 0.3s;
    color:#8a6fef;
    background-color:#8b6fef2f;
    border:none;
}
a {
    color:white;
    text-decoration:none;
}