@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400&display=swap');
* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}
body {
    height: 100vh;
    overflow: hidden;
}
header {
    position: absolute;
    right: 5%;
    padding: 40px;
}
header ul li{
    display: inline-block;
    list-style: none;
    margin-left: 100px;
}
a {
    text-decoration: none;
    color: white;

}
main {
    position: absolute;
    right: 5%;
    top: 40%;
}
main h1 {
    color: white;
    font-size: 5.5rem;
    font-weight: 500;
    letter-spacing: .1px;
    position: relative;
}
main h1::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: -500px;
    width: 70%;
    height: 1.5px;
    background: white;
    opacity: 0;
    animation: moveToLeft .5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
}
main h2 {
    position: absolute;
    color: white;
    opacity: 0;
    text-align: right;
    margin-top: 20px;
    animation: moveToLeft .5s cubic-bezier(0.65, 0.05, 0.36, 1) forwards;
    right: -500px;

}
@keyframes moveToLeft {
    to {
        transform: translateX(-500px);
        opacity: 1;
    }
}