:root {
    --bg-col: rgb(176, 195, 211); /* global scope */
    --fg-col: rgb(24, 19, 88);
    --th-col: rgb(109, 10, 96);

}


body {
    background-color:var(--th-col);
    padding: 2%;
    
}

.main {
    background-color: var(--bg-col);
    border-color: var(--fg-col);
    border-width: 5px;
    border-style: solid;
    padding: 2%;
    margin: 1%;
}

h1 {
    color: var(--fg-col);
}