:root {
    /* Primary Lavender*/
    --mist: #F3EBF9;
    --haze: #E4D4F0;
    --cloud: #D5BDE7;
    --bloom: #C9A8E0;
    --petal: #A87ACC; 
    --iris: #7B4FA6;
    --dusk: #5B3A7A;
    --deep: #3D2060;
    --abyss: #2A1548;

    /* Amber Accent*/
    --glow:#FFF3E0;
    --light:#FFE0B2;
    --honey:#FFCC80;
    --amber:#F5A623;
    --burnt:#D4820A;
    --umber:#8B5A00;

    /* Rose Accent*/
    --blush:#F9E4E8;
    --soft:#F0C4CC;
    --rose:#E8A4B4;
    --berry:#C46B80;
    --plum:#8B3A4A;

    /* Fonts */
    --font-display: 'Sofia', cursive, sans-serif;
    --font-body:    'Shantell Sans', cursive, sans-serif;

}

/*Body*/
body {
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--haze);
    color: var(--deep);
    font-family: var(--font-body);
}

#header1{
    text-align:center;
    font-family: 'Sofia';
}

/*Link Colors*/
a:link    { color: var(--amber); }
a:visited { color: var(--umber); }
a:hover   { color: var(--burnt); }
a:active  { color: var(--burnt); }

/*Box*/
.box {
    margin-bottom:15px;
    background-color: var(--bloom);
    border-color: #957FEF;
    border-radius: 10px;
    padding: 10px;
    font-family: var(--font-body);
}