Style Guide

Headings

All Headings

font-family: ‘Jost’, sans-serif !important;
color: #071027 !important;
text-align: center;

Heading 1

font-size:3em;
font-weight:300;

Heading 2

font-size: 2em;
font-weight:400;

Heading 3

font-size:1.5em;
font-weight:600;

Heading 4

font-size:1.1em;
Heading 5

font-size:1em;
Heading 6

font-size:0.9em;

Paragraph text. This is a paragraph of text to demonstrate how I style text.
  margin-bottom: 10px;
  line-height: 1.5em;

Colours

FFCA18

EE8A39

D43A5F

852989

32103D

071027


Buttons

Small Normal
Small Highlight
Large Normal
Large Highlight

.wsite-button-normal .wsite-button-inner {
background-color: #852989 !important;
border-color: #852989 !important;
}

.wsite-button-normal .wsite-button-inner:hover {
background-color: #071027 !important ;
border-color: #071027 !important;
color:#ffffff !important;
}

.wsite-button-highlight .wsite-button-inner {
background-color: #ffca18 !important ;
border-color: #ffca18 !important ;
color:#071027 !important;
}

.wsite-button-highlight .wsite-button-inner:hover {
background-color: #ee8a39 !important ;
border-color: #ee8a39 !important ;
}

Logo and Slogan

Graphic Design for Goth Gamer Girls
.slogan {
    position: relative;
    top: 0px; /* Changes the space between the logo and the slogan */
    font-size: .8em; /* Changes the font size of the slogan */
    color:#222222; /* Changes the color of the slogan */
    text-align:center;
    font-family:”Jost”, sans-serif;
    text-transform:uppercase;
}

JessicaAmber
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.