body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-image: url(bg3.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.image{
    position: fixed;
    right:-100px;
    animation: popup 1.8s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: 200ms;
}

.text_box{
    position: fixed;
    margin-top: 11vw;
    margin-left: 10vw;
    font-family: serif;

    animation: popup 1.5s cubic-bezier(0.22, 1, 0.36, 1) backwards;
    animation-delay: 1000ms;
}

@keyframes slideIn {
    0% {
        transform: translateX(180px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
    }
    40%,100% {
        opacity: 1;
    }
}

@keyframes popup {
    0% {
        transform: translateY(40px) scale(0.8);
        opacity: 0;
    }
    100% {
        transform: translateY(0) scale(1.0);
    }
    80%, 100% {
        opacity: 1;
    }
}