
#cv_container{
    padding: 5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

#cv_container header h1{
    font-size: 5rem;
    font-weight: 100;
}

#cv_container form{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.f-d-l{
    display: flex;
    gap: 2rem;
}

.f-d-l fieldset{
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: start;
    width: calc((100% - 2rem) / 2);
}

.f-d-l fieldset input , 
.f-d-l fieldset label , 
.f-s-l fieldset label ,
.f-s-l fieldset input , 
.f-s-l fieldset textarea , 
.f-s-l fieldset select , 
.f-d-l fieldset textarea, 
.f-d-l fieldset  select{
    width: 100%;
}

.f-d-l fieldset input , 
.f-s-l fieldset input ,
.f-s-l fieldset textarea , 
.f-s-l fieldset select , 
.f-d-l fieldset textarea , 
.f-d-l fieldset select{
    padding: .8rem;
    border-radius: .2rem;
    border: 1px solid var(--lighter-color);
    border-bottom: 1px solid rgb(98, 97, 97);
    outline: none;
    
}

.f-s-l fieldset{
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: start;
    width: 100%;
}


@media only screen and (max-width : 1000px){
#cv_container{
    padding: 4.5rem;

}


#cv_container header h1{
    font-size: 4.5rem;
}
}

@media only screen and (max-width : 800px){
    #cv_container{
    padding: 4rem;

}
#cv_container header h1{
    font-size: 4rem;
}
}

@media only screen and (max-width : 768px){
    #cv_container{
    padding: 3.5rem;

}

.f-d-l{
    display: flex;
    gap: 2rem;
    flex-direction: column;
}

.f-d-l fieldset{
    display: flex;
    flex-direction: column;
    gap: .3rem;
    align-items: start;
    width: 100%;
}
}

@media only screen and (max-width : 700px){
    #cv_container{
    padding: 3.5rem;

}
#cv_container header h1{
    font-size: 3.5rem;
}
}

@media only screen and (max-width : 600px){
    #cv_container{
    padding: 3rem;

}
#cv_container header h1{
    font-size: 3rem;
}
}

@media only screen and (max-width : 500px){
    #cv_container{
    padding: 2.5rem;

}
#cv_container header h1{
    font-size: 2.5rem;
}
}

@media only screen and (max-width : 400px){
    #cv_container{
    padding: 2rem;

}
#cv_container header h1{
    font-size: 2rem;
}
}