@font-face {
    font-family: 'Anonymous Pro';
    src: url('AnonymousPro-BoldItalic.eot');
    src: url('AnonymousPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('AnonymousPro-BoldItalic.woff2') format('woff2'),
        url('AnonymousPro-BoldItalic.woff') format('woff'),
        url('AnonymousPro-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Anonymous Pro';
    src: url('AnonymousPro-Bold.eot');
    src: url('AnonymousPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('AnonymousPro-Bold.woff2') format('woff2'),
        url('AnonymousPro-Bold.woff') format('woff'),
        url('AnonymousPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Anonymous Pro';
    src: url('AnonymousPro-Italic.eot');
    src: url('AnonymousPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('AnonymousPro-Italic.woff2') format('woff2'),
        url('AnonymousPro-Italic.woff') format('woff'),
        url('AnonymousPro-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Anonymous Pro';
    src: url('AnonymousPro-Regular.eot');
    src: url('AnonymousPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('AnonymousPro-Regular.woff2') format('woff2'),
        url('AnonymousPro-Regular.woff') format('woff'),
        url('AnonymousPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


*,
*::before,
*::after {
margin:0;
padding:0;
box-sizing:border-box;
}
html{
height:100%;
width:100%;
}
body {
background-color:#fff;
font-family: 'Anonymous Pro', Helvetica, Arial, Verdana, sans-serif;
font-weight:400;
height:100%;
width:100%;
font-smooth:antialiased;
font-size: 1rem;
background-image:none;
background-position:50% 50%;
background-repeat:no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image:url(/images/synchronicity.jpg);
}

h1, h2, h3, h4, h5, h6{
color: #5d3a9b;
}

.btn-primary{
background-color: #5d3a9b;
box-shadow: 0 0 20px 20px rgba(255,255,255,0.7);
}