body{
    background-color: black;
    color: white;
    padding-left: 30px;
}

h1, h2{
    font-family: BreathOfTheHouse;
    font-size: 45px;
}

.red-text{
    color:red;
    font-family:HelpMe;
}

p{
    font-family: Grotesk;
}



/* Font-Family */

/* BoneChiller */
@font-face {
    font-family: 'BonechillerOTF';
    src: url('font/Bonechiller\ Free.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BonechillerTT';
    src: url('font/Bonechiller\ Free.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Breath of the house */
@font-face {
    font-family: 'BreathOfTheHouse';
    src: url('font/Breath\ of\ the\ House.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Face your fears */
@font-face {
    font-family: 'FaceYourFear';
    src: url('font/DK\ Face\ Your\ Fears.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HelpMe*/
@font-face {
    font-family: 'HelpMe';
    src: url('font/HelpMe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* HelpMe*/
@font-face {
    font-family: 'TheMacabre';
    src: url('font/HelpMe.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Grotesk */
@font-face {
    font-family: 'Grotesk';
    src: url('font/AlteHaasGroteskRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}