@charset "UTF-8";

.s-header {
    background-color: transparent;
}

.s-header__inner {
    background-color: #f16223;
    max-width: 1150px; /* Adjust to your desired width */
    margin: 0 auto; /* Centers the header */
    padding-top: 4px;
	padding-left: 25px;
	padding-right: 25px;
    border-radius: 50px; /* Optional */
}

body {
	background-color: #f16223;
}

h1,h2,h3{
	font-family: ivypresto-display, serif;
	font-weight: 300;
	font-kerning: 10;
	font-style: normal;
	letter-spacing: 1px !important;
}

h4,h5,h6{
	font-family: ivypresto-display, serif;
	font-weight: 100;
	font-style: italic;
	letter-spacing: 1px !important;
}

.highlight {
    color: #f16223;
	font-style: italic;
}

p{font-family: "franklin-gothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.75px; 
	line-height: 30px;
	color: #ffffff;
}

.grid-list-items.s-about__blocks {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* 3 equal columns for bottom row */
    gap: 30px;
}

/* Progress bar takes full width on first row */
.s-about__block:nth-child(1) {
    grid-column: 1 / 4; /* Spans all 3 columns */
    grid-row: 1;
}

/* Design Skills - first item in second row */
.s-about__block:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
}

/* Experiences - second item in second row */
.s-about__block:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
}

/* Creative Program Participation - third item in second row */
.s-about__block:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}