@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
  font-family: body;
  src: url(../fonts/Delius-Regular.ttf);
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: fancy;
    src: url(../fonts/DancingScript-VariableFont_wght.ttf);
    font-weight: normal;
    font-style: normal;
}
:root {
    --neutralLight: #fff;
    --neutralMid: rgba(248,250,252,1.0);
    --neutralDark: #000;
    --mainDark: #FAA292;
    --mainMid: #FFB3A5;
    --mainLight: #FEEDEA;
    --mainPale: #FFF5F4;
    --comp: #4F5866;
}
* {
	box-sizing: border-box;
}
html {
	height: 100%;
    overflow-y: scroll; /*FORCE VERTICAL SCROLL BAR FOR SHORT PAGES*/
}
body {
    font-family: body;
    height: 100%;
    margin: 0;
    padding: 0;
    min-height: 100%; /*FOR DISPLAY GRID - FOOTER AT BOTTOM OF SHORT PAGES*/
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    font-family: body;
    color: #2d2929;
}
ul,
ol {
    list-style-type: none;
}
a {
    color: inherit;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
    font-family: fancy, cursive;
    font-weight: 700;
}
section h1,
section h2 {
    color: var(--mainDark);
    font-size: 3rem;
    text-align: center;
}
section h1::after {
    content: "\2661";
    font-weight: normal;
    position: relative;
    top: 0.5rem;
    margin-left: 1rem;
}
.emphasis {
    font-weight: bold;
}