body {
    background: #f9f9f9;
}

.wrapper-candidates {
    margin-top: 30px;
}

    .wrapper-candidates .candidate {
        margin-bottom: 10px;
        padding: 20px;
        border-radius: 4px;
        background: #fff;

    }

    .wrapper-candidates .candidate .name {
        font-weight: bold;

    }

    .wrapper-candidates .candidate .info {
        font-size: 12px;
        color: #aaa;
    }

    .navbar {
        text-transform: uppercase;
    }

        .navbar .is-dark {
            background: #444;
        }

    .footer a {
        margin-bottom: 15px;
        display: inline-block;
        color: #444;
    }

    .input, .button {
        border-radius: 0;
    }

    /**
    * Candidate items
    */
    .product-list-item .box .subtitle {
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .product-list-item .box .info {
        color: #888;
    }

    /**
    * Notification Toast
    */
    @keyframes show-toast {
        0%   {bottom: -100%;}
        20%  {bottom: 50px;}
        80%  {bottom: 50px;}
        100% {bottom: -100%;}
    }

    .notification.is-toast {
        position: fixed;
        bottom: 100%;
        right: 20px;
        animation-name: show-toast;
        animation-duration: 4s;
    }