    <style>

    @font-face {                  

font-family: 'CablSans';

src: url(https://humantooth.neocities.org/fonts/CalSans-SemiBold.woff2) format('woff2');

font-weight: normal;

font-style: normal;

} 

        body {

            font-family: "CablSans";

            font-size: 20px;

            color: #673262;

            background-image: url('https://i.pinimg.com/736x/94/a9/fb/94a9fb64c8caf1ae57f2e637e06e900a.jpg');

            background-color: #fcf6e8;

            background-size: cover;

            cursor: default;

        }

        #container {

            width: 850px;

            margin: 0px auto;

            text-align: center;

            background-repeat: repeat-y;

            background-color: white;

        }

        #headerimage {

            height: 400px;

            background-size: cover;

            background-image: url("https://i.pinimg.com/1200x/6b/a4/cf/6ba4cf9550b874036879bb31ce2db94d.jpg");

            background-repeat: no-repeat;

            border: 0;

        }

        #content_body {

            width: 800px;

            text-align: justify;

            margin-top: -330px;

            margin-left: 15px;

            padding-left: 10px;

            line-height: 150%;

            min-height: 600px;

        }

        #navi {

            width: 170px;

            margin-top: -220px;

            padding-left: 95px;

        }

        #footer {

            height: 52px;

            background-image: url('https://i.pinimg.com/1200x/42/87/91/4287918680f3c5312bc3b70650505b80.jpg');

            clear: both;

        }

        h1 {

            font-size: 40px;

            font-weight: bold;

            text-align: center;

            color: #9b4b93;

            letter-spacing: 1px;

            border: 0;

            background: url('https://i.pinimg.com/1200x/42/87/91/4287918680f3c5312bc3b70650505b80.jpg') no-repeat;

            padding: 15px;
            
            text-shadow: 2px 2px 0px #f0c975, 5px 4px 0px rgba(179, 89, 0,0.25);
            

        }


        h3 {

            font-size: 28px;

            font-weight: bold;

            text-align: right;

            color: #9b4b93;

            border: 0;

            height: 29px;

            margin: -5px 0px 10px;

            padding: 1px;

        }

        blockquote {

            margin: 0px auto;

            text-align: center;

            background-color: #f9e59f;

            border: #b05ca7;

            border-style: solid;

            border-width: 0px 0px 0px 10px;

            width: 70%;

            padding: 5px;

        }

        .footer {

            text-align: center;

            padding-top: 28px;

        }

        a:link.foot,

        a:active.foot,

        a:visited.foot {

            color: #b05ca7;

            font-weight: bold;

            text-decoration: none;

            letter-spacing: 1px;

        }

        a:hover.foot {

            color: #2840e4;

            text-decoration: none;

            border: #2840e4;

            border-style: dotted;

            border-width: 0px 0px 1px 0px;

        }

        a:link.nav,

        a:active.nav,

        a:visited.nav {

            color: #b05ca7;

            text-decoration: none;

            text-align: center;

            display: block;

            padding: 4px;

            margin: 2px;

            background-color: #f9e59f;

            border: #f0c975;

            border-style: solid;

            border-width: 0px 0px 0px 10px;

            letter-spacing: 2px;

        }

        a:hover.nav {

            color: #f0c975;

            text-decoration: none;

            cursor: crosshair;

            font-weight: bold;

            display: block;

            padding: 4px;

            margin: 2px;

            background-color: #b05ca7;

            border: #f0c975;

            border-style: solid;

            border-width: 0px 0px 0px 10px;

        }

        a:link,

        a:active,

        a:visited {

            color: #f0c975;

            text-decoration: none;

        }

        a:hover {

            color: #b05ca7;

            cursor: crosshair;

            font-weight: bold;

            text-decoration: none;

            border: #f0c975;

            border-style: dotted;

            border-width: 1px 0px;

        }

        b,

        strong {

            color: #b05ca7;

            letter-spacing: 1px;

        }

        i,

        em {

            color: #b05ca7;

            letter-spacing: 1.5px;

        }

        u {

            color: #673262;

            border: #b05ca7;

            border-style: dashed;

            border-width: 0px 0px 1px 0px;

            text-decoration: none;

        }

        del {

            color: #673262;

        }
      

    </style>