:root {
  --font: Futura, Futura-Medium, "Futura Medium", "didact_gothicregular", "Century Gothic", CenturyGothic,"Apple Gothic", AppleGothic,"URW Gothic L","Avant Garde",sans-serif;
  --background: rgb(230, 230, 230);
}

html {
  font-weight:200 }

ul li {
    margin-bottom: 3rem;
}

a {}
  a:hover {
    color: var(--link);
    border-bottom: none; }
  a:visited {
    color: var(--link); }

.screen {
    /* padding-bottom: 9rem; /* Fix nav*/
    /*margin: 0;*/
    position: relative;
    min-height: 100%;
    padding: 1.8rem 2.8rem; }

    .screen.padded {
        margin: 0.8rem;
        padding: 1rem 2rem;
        background-color: #fff; }

    .screen.accent {
        background-color: var(--accent);
        color: var(--accent-foreground); }

    .screen.accent.yolk {
        background-color: rgb(247, 181, 25); }

    .screen.accent.caribbean {
        background-color: rgb(56, 146, 131);
        background-image: linear-gradient(160deg, rgb(31, 133, 131), rgb(91, 162, 131)); }

    .screen.accent.jade {
        background-color: rgb(51 144 102);
        background-image: linear-gradient(160deg, rgb(30, 134, 93), rgb(91, 162, 131)); }

    .screen.accent a {
        color: var(--accent-foreground); }


/*
Big checkboxes */

input[type="checkbox"], input[type="radio"] {
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: none;
    /* Hide original face */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
    border: 0;
    vertical-align: bottom;
    font-size: 3rem;
    line-height: 1.5rem; }

    input[type="checkbox"]:focus, input[type="radio"]:focus {
      outline: 0;
      outline-offset: 0;
    }
    input[type="checkbox"]:before, input[type="radio"]:before {
        content: "\eb7f";
    }
    input[type="checkbox"]:checked:before, input[type="radio"]:checked:before {
        content: "\eb85";
    }