header {
    display: flex;
    justify-content: center;
}

header h1 {
    font-size: 50px;
    animation: slide-in-blurred-top 1.5s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    margin-top: 50px;
}

.user-picture {
    width: 300px;
    animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both 0.5s;
}

.picture-container {
    display: flex;
    justify-content: center;
}

.personal-info-container1,
.personal-info-container2,
.personal-info-container3 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: absolute;
}

.personal-info-container1 {
    left: 60px;
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1s;
}

.personal-info-container2 {
    right: 60px;
    top: 600px;
    text-align: end;
    animation: slide-in-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 1.5s;
}

.personal-info-container3 {
    left: 60px;
    bottom: -350px;
    animation: slide-in-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2s;
}

.personal-info-container3 a {
    color: white;
}

.personal-info-container1 p,
.personal-info-container2 p,
.personal-info-container3 p {
    font-size: 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.personal-info-container1 h2,
.personal-info-container2 h2,
.personal-info-container3 h2 {
    font-size: 30px;
    margin-bottom: -8px;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.support{
    display: flex;
    justify-content: center;
    margin-top: 45rem;
    padding-bottom: 10px;
    animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both 2.5s;
}
.back-button-container{
    position: absolute;
    left: 5px;
    top: 5px;
}
.email{
    margin-top: -10px;
}
@media screen and (max-width: 780px) {
    .personal-info-container2 {
        top: 550px;

    }

    .personal-info-container1,
    .personal-info-container2,
    .personal-info-container3 {
        left: 0;
        right: 0;
        padding: 10px;
        line-height: 28px;
    }

    .user-picture {
        width: 150px;
    }

    header h1 {
        font-size: 40px;
    }

    .personal-info-container1 p,
    .personal-info-container2 p,
    .personal-info-container3 p {
        font-size: 18px;
        text-align: center;
    }

    .personal-info-container1 h2,
    .personal-info-container2 h2,
    .personal-info-container3 h2 {
        font-size: 25px;
        text-align: center;
    }
    .support{
        margin-top: 53rem;
    }
}