.container .perfil{
    display: flex;
    padding: 40px;
}

.container .perfil .resume{
    width: 60%;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.container .perfil .resume h1{
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
    text-decoration: underline;
}

.container .perfil .resume .resume-profesional h2{
    padding-left: 20px;
    margin-top: 45px;
    color: #fff;
    font-size: 2rem;
}

.container .perfil .resume .resume-profesional h3{
    text-align: justify;
    padding: 0 20px;
    color: #fff;
    font-size: 1.5rem;
}

.container .perfil .photo{
    width: 40%;
    margin-left: 20px;
    z-index: 99;
}

.container .perfil .photo img{
    width: 50%;
    padding: 20px;
    margin-left: 50%;
    transform: translateX(-50%);
    border-radius: 50px;
}

.container .profesion{
    display: flex;
    width: 100%;
}

.container .profesion .education{
    width: 60%;
    margin-left: 40px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.container .profesion .education h2{
    color: #fff;
    margin-left: 40px;
    font-size: 2.3rem;
    text-transform: uppercase;
}

.container .profesion .education .education-box{
    margin-top: 45px;
    margin-left: 40px;
    border-top: 1px solid #fff;
    margin-right: 40px;
}

.container .profesion .education .education-box .time, h4{
    color: #bebebe;
    font-size: 1.4rem;
}

.container .profesion .education .education-box .curso{
    color: #fff;
    font-size: 1.6rem;
}

.container .profesion .experience{
    width: 40%;
    margin-right: 40px;
    margin-left: 20px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.container .profesion .experience h2{
    color: #fff;
    margin-left: 40px;
    font-size: 2.3rem;
    text-transform: uppercase;
}

.container .profesion .experience .experience-box{
    margin-top: 45px;
    margin-left: 40px;
    border-top: 1px solid #fff;
    margin-right: 40px;
}

.container .profesion .experience .experience-box .tiempo{
    color: #bebebe;
    font-size: 1.4rem;
}

.container .profesion .experience .experience-box .cargo{
    color: #fff;
    font-size: 1.6rem;
}