@import url('tokens.css');
@import url('tokens-primitives.css');
/* Section Sideproject styles */
.section-sideprojects
{
    padding:var(--space-layout-2xl) 0;

    margin:0 auto;
    padding-left:var(--space-layout-xs);
    padding-right:var(--space-layout-xs);
}
.section-sideprojects-header
{
    font-family: var(--font-family-primary);
    font-size: var(--font-size-4xl);
    line-height: var(--line-height-tight);
    margin:0 auto;
    padding-bottom: var(--space-component-l);
    text-align: center;
    border:3px solid red;
   
}
.section-sideprojects-container
{
    display: flex;
    flex-direction: row;
    gap: 24px;
    max-width: var(--container-2xl);
    width:100%;
    align-items: center;
    justify-content: center;
}
.section-sideprojects-container h1
{


    line-height: var(--line-height-tight);
    margin:0 auto;
    padding-bottom: var(--space-component-l);
    text-align: center;


}
.section-sideprojects-title
{
    text-align: left;
    margin-bottom: var(--space-component-l);
    font-family: var(--font-family-primary);
    font-size: var(--font-size-5xl);
    font-weight: var(--font-weight-regular);
    color: var(--neutral-50);

}
@media screen and (max-width: 800px) 
{
    .section-sideprojects-container
    {
        flex-direction: column;
      
    }
}