:root {
    --offwhite: #fbf4f1;
    --primary: #00274c;
    --highlight: #004e99;
    --coop: #e2a7cf;
    --capacity: #91dba8;
    --capacity50: #91dba880;
    --demand: #cfb5ff;
    --economics: #a2c6ff;
    --government: #9ed0e2;
    --international: #ef9e6c;
    --international50: #ef9e6c80;
    --siting: #fcc649;
    --positive: #a1d9ac;
    --negative: #ee7b71;
    --neutral: #d9d6a1;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*[data-perspective="Civil Nuclear Cooperation and Export Control"] {
    background-color: var(--coop);
}

*[data-perspective="Demand"] {
    background-color: var(--demand);
}

*[data-perspective="Capacity"] {
    background-color: var(--capacity);
}

*[data-perspective="Economics and Finance"] {
    background-color: var(--economics);
}

*[data-perspective="Government System"] {
    background-color: var(--government);
}

*[data-perspective="International Commitments"] {
    background-color: var(--international);
}

*[data-perspective="Siting"] {
    background-color: var(--siting);
}


body>#content {
    font-family: "Inter", sans-serif;
    background-color: var(--offwhite);
    color: var(--primary);
    height: 100vh;
    overflow: hidden;
}

main {
    background-image: url('https://storage.googleapis.com/peanut-media/img/peanut-wallpaper.png');
    flex-grow: 1;
    min-height: 100vh;
}

.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24;
}

a {
    cursor: pointer;
}