@import url('https://fonts.googleapis.com/css?family=Staatliches');
        @import url('https://fonts.googleapis.com/css?family=Roboto');
        .font-staatliches{
            font-family: 'Staatliches', cursive !important;
        }
        body {
            background-color: #fff;
        }
        .headline-1{
            color:#ff1b4f !important;font-weight: 300;
        }
        .paragraph-1{
            color:#000;
        }
        .loginwithfacebook{
            background-color:#fff;
            padding: 10;
            margin: 0;
        }
        .loginwithfacebook .login{
            background-color:#3b5998;
            text-align: center;
            color:#fff;
            border-radius: 10px;
        }
        .loginwithgoogle{
            background-color:#fff;
            padding: 10;
            margin: 0;
        }
        .loginwithgoogle .login{
            background-color:#4285f4;
            text-align: center;
            color:#fff;
            border-radius: 10px;
        }
        .card{
            width: 180px;
            margin:auto;
            display: inline-block;
            cursor: pointer;
        }
        .card:hover{
            background-color:#E8E8E8;
        }
        a{
            text-decoration: none !important;
        }
        .no-sharing{
            background-color: inherit;
        }
        .font-roboto{
            font-family: 'Roboto', sans-serif !important;
        }
        .fixed-bar{
            position:fixed;bottom:0;padding:3vh;background-color: #eeeeee;border-top: 3px solid #cacaca;font-size: 14px;
        }
        .displaynoneclass{
            display: none;
        }