.welcome1 {
    background-image:linear-gradient(rgb(226, 242, 248),rgb(183, 195, 199));
    display:flex;
    justify-content:center;
    align-items:center;
    padding-left:15%;
    padding-right:15%;
    padding-top:1vw;
    font-size:1.6vw;
    padding-bottom:1vw;
    animation: appear 0.5s ease-out forwards;
}

.welcome1>p {
    opacity:0;
    transform: translateX(-20px);
    animation: slideInFromLeft 1s ease-out forwards;
}

.welcome2 {
    display:flex;
    justify-content:center;
    align-items:center;
    padding-left:15%;
    padding-right:15%;
    font-size:1.6vw;
    padding-bottom:2vw;
}

.welcome2>p {
    opacity:0;
    transform: translateX(20px);
    animation: slideInFromRight 1s ease-out forwards;
}

.date {
    font-size: 2vw;
    font-weight: bold;
    display:flex;
    justify-content: center;
    align-items: center;
    padding-top: 2vw;
}

#me {
    width:15vw !important;
    border: 0.2vw solid black;
    margin-right:2vw;
}

#moi_bg {
    width: 15vw !important;
    border: 0.2vw solid black;
    margin-left: 2vw;
}