body {
    font-family: 'Poppins', 'Noto Sans Thai', sans-serif;
    background-color: black;
}

.background {
    opacity: 30%;
    filter: grayscale(80%);
    scale: 1.1;
    filter: blur(5px);
    animation-name: background_animate;
    animation-duration: 3s;
}

@keyframes background_animate {
    from {
        opacity: 100%;
        filter: grayscale(0%);
        scale: 1;
        filter: blur(0px);
    }
    to {
        opacity: 30%;
        filter: grayscale(80%);
        scale: 1.1;
        filter: blur(5px);
    }
}

.tanakorn {
    scale: 1.25;
    transform: translateY(-20px);
    animation-name: tanakorn_animate;
    animation-duration: 3s;
}

@keyframes tanakorn_animate {
    from {
        scale: 1;
        transform: translateY(0px);
    }
    to {
        scale: 1.25;
        transform: translateY(-20px);
    }
}

.tanakorn_name {
    animation-name: tanakorn_name_animate;
    animation-duration: 3s;
}

@keyframes tanakorn_name_animate {
    from {
        scale: 2;
        transform: translateY(100vh);
    }
    to {
        scale: 1;
        transform: translateY(0px);
    }
}