/*Experience*/
.experiences{
    padding-top: max(2rem, calc(5px + 5vw));
    transition: padding-top 0.3s ease; 
	background-color: var(--dark-background);
    text-align: center;   
}

.experiences h2{
    position: relative;
    color: white;
    font-size: 2rem;
    padding-bottom: 5rem;
}

.experiences_content {
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    padding-bottom:10rem ;
    z-index: 1;
	position: relative;
}

.experiences_content .box-text{
    z-index: 2;
	position: relative;
	display: flex;
	flex-direction: column;
    color: var(--light-background);
    background-color: var(--greenish-gray);
    padding: 1.5rem;
    border-radius: 5%;
    width: calc(clamp(400px, 30vw, 600px) * 1.05);
    text-align: justify;
}

.experiences h3{
    font-size: 1.4rem;
}

.experiences-container img{
    width: 100%;
    border-radius: 10%;
  }

.company_name a {
    text-decoration: none;
    color: inherit;
}
.company_name a:hover {
    text-shadow: 0 0 8px white;
    transition: text-shadow 0.3s ease-in-out;}
    
@media screen and (max-width: 780px)
{
    .experiences{
        padding-bottom: 5rem;
    }

    .position_background{
        position: relative;
        background-size: cover;
        background-position: center;
        border-radius: 15px;
        padding: 5rem;
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(0px);
        margin: 2%; 
        margin-bottom: 5rem;
        
    }

    .position_background::before{
        content: '';
        position: absolute;
        border-radius: 15px;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.6);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        }

    .position-text {
        position: relative;
        justify-content: center;
        align-items: center;
        }
    .position-text p, h4{
        color: var(--greenish-gray);
    }
    .position-text h3{
        color: var(--light-greenish-gray);
    }   
    .experiences_content .box-text{
        display: flex;
        justify-content: center;
        align-items: center;
		margin-left: 0px;
		margin-right: 0px;
		background-color: rgba(0, 0, 2, 0.1);
		border-radius: 15px;
    }

}
/*Experience*/