Elements
Animation
Animation is used as a hero element on most of the pages of the site. The twinkling stars animation adds a playful element of delight.
Navigation
Responsive navigation in the small media query is smaller than the medium and large media queries and always positioned in the top right corner of the site.
Call to Action Buttons
$gold: #f8cb69
font-color: $dkblue: #374952
box-shadow: #c69a42 1px 1px, #f9e4b9 -1px -1px;
All Other Buttons
$dkblue: #374952
font-color: $gold: #f8cb69
box-shadow: #c69a42 1px 1px, #f9e4b9 -1px -1px;
height: 40px;
border-radius: 5px;
text-align: center;
Borders and Corners
All corners are rounded.
border-radius: 5px;
White boxes have a border.
box-shadow: #749aa8 1px 1px, #a6eef4 -1px -1px;
height: 40px;
border-radius: 5px;
text-align: center;
