/* Color Palette
#0F172A
#1E293B
#38BDF8
#F1F5F9
#94A3B8
*/

/* Global styles 
------------------------------------*/
body {
    background: #0F172A;
    color: #F1F5F9;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}





h1 {
    font-family: "Nabla", system-ui;
    font-optical-sizing: auto;
    font-weight: 484;
    font-style: normal;
    font-variation-settings:
        "EDPT" 80,
        "EHLT" 10;
}


h2 {
    font-family: "Honk", system-ui;
    font-optical-sizing: auto;
    font-weight: 467;
    font-style: normal;
    font-variation-settings:
        "MORF" 10,
        "SHLN" 40;
}


h3 {
    font-family: "Space Grotesk", sans-serif;
    font-weight: 634;
}

/* Main Name, Branding */
h1 {
    font-size: 3.5rem;    
    letter-spacing: 2px;
    margin-bottom: 10px;
}

/* Section Titles */
h2 {
    font-size: 2rem;        
    margin-top: 30px;
    margin-bottom: 15px;
}

/* Job Titles, School Names */
h3 {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

/* Body text */
body {
    font-size: 1rem;
    line-height: 1.5;
}


/* Header & Footer 
------------------------------------*/
header, footer {
    background: #1E293B;
    color: #F1F5F9;
    padding: 20px;
    text-align: center;
}

header h1 {
    color: #38BDF8;
}

a {
    color: #38BDF8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


/* Work Experience and Education Sections
------------------------------------*/
section {
    background: #1E293B;
    margin: 20px;
    padding: 25px;
    border-radius: 8px;
}


/*h2*/
section h2 {
    color: #38BDF8;
    border-bottom: 2px solid #38BDF8;
    padding-bottom: 5px;
}

ul {
    padding-left: 20px;
}

h3 {
    color: #F1F5F9;
}

p {
    color: #94A3B8;
}