/* colours, p, headings etc */
:root {
    --main-green: #158c70;
    --main-yellow: #fffcb9;
    --main-dark-green: #08382d;

    --alt-blue: #2a6969;
    --alt-blue-2: #5addd4;
    --alt-green: #158c76;
    --alt-red: #ffb5aa;
    --alt-dark-green: #212e1f;

    
    --main-dark-green-opacity7: rgba(8, 56, 45, 0.7);
    --alt-blue-opacity9: rgba(42, 105, 105, 0.9);
}

body {
    background-color: var(--alt-dark-green);
    color: var(--main-yellow);
    overflow: hidden;
}


.small-pad {
    width: 100%; 
    height: 100%; 
    position: absolute;
    border: 200px dotted; 
    z-index: -2;
    overflow: hidden;
}

.large-pad {
    width: 100%; 
    height: 100%; 
    position: absolute;
    border: 350px dotted; 
    z-index: -1;
    overflow: hidden;
}