:root {
    --bg-image: url(../img/comp016.gif);
    --text-color: #000000;
    --heading-color: #ebff00;
    --link-color: #7be620;
    --hover-color: #7620e6;
}

html,
body {
    margin: 0;
    padding: 20px;
    background: #0A043D;
    background: -moz-linear-gradient(top, #0A043D 0%, #91007D 50%, #97A613 100%);
    background: -webkit-linear-gradient(top, #0A043D 0%, #91007D 50%, #97A613 100%);
    background: linear-gradient(to bottom, #0A043D 0%, #91007D 50%, #97A613 100%);
    font-family: "Nunito", sans-serif;
    color: var(--text-color);
    min-height: 100vh;
}


h1,
h2,
h3 {
    color: var(--heading-color);
    margin-bottom: 0.5em;
}

h1 {
 background-color:rgba(255, 0, 79, 0.79); 
    font-size: 2rem;
}
h2 {
 background-color:rgba(255, 0, 79, 0.79);
    font-size: 1.5rem;
}
h3 {
background-color:rgba(255, 0, 79, 0.79);
    font-size: 1.2rem;
} 

h6 {
background-color:rgba(255, 0, 79, 0.79);
    font-size: 0.6rem;
}
p,
li {
background-color:rgba(255, 0, 79, 0.79);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1em;
 text-align:left;
}

ul {
background-color:rgba(255, 0, 79, 0.79);
    padding-left: 20px;
}

a {
background-color:rgba(255, 0, 79, 0.79);
    color: var(--link-color);
    font-weight: bold;
    text-decoration: none;
}

a:hover {
background-color:rgba(255, 0, 79, 0.79);
    color: var(--hover-color);
    text-decoration: underline;
}
#demotext {
color: #0d0845;
background-color: rgba(255, 0, 79, 0.79);
letter-spacing: .1em;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}