@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Instrument+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.970rem;         
}

@media (min-width: 600px) {
    body{ 
        background: url("herobg.png") no-repeat top center;
    }
}        

header h1{
    font-family: 'Instrument Serif', serif;
    font-size: 2.25rem;
    line-height: 2.75rem;
}

@media (min-width: 600px) {
    header h1{
        font-size: 2.75rem;
        line-height: 3.2rem;
    }
}

section h2{
    font-family: 'Instrument Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.85rem;
}

ul.main-list li .font-medium{
    font-family: 'Instrument Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.12rem;
    font-weight: 500;
}

ul.main-list li a img{
    height: 16px; 
    opacity: 0.3; 
}

ul.main-list li a:hover img{
    opacity: 0.5; 
}

.inset-shadow{
    box-shadow: inset 0 0 0 1px rgba(15,23,42,0.1);
}