html {
    font-family: "Roboto", sans-serif !important;
}

.lightPlaceholder::-webkit-input-placeholder { /* WebKit browsers */
    color: #fff;
}
.lightPlaceholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}
.lightPlaceholder::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
.lightPlaceholder:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #fff;
}


.altPlaceholder::-webkit-input-placeholder { /* WebKit browsers */
    color: #9b9ead;
}
.altPlaceholder:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #9b9ead;
}
.altPlaceholder::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #9b9ead;
}
.altPlaceholder:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #9b9ead;
}

html,body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

:root {
    /* Brand Colors */
    --primary: #366eb3;
    --primary-light: #43beed;
    --source-adaptor: #366eb3;
    --source-adaptor-text: #f4f8fc;
    --target-adaptor: #5d677d;
    --target-adaptor-text: #f4f8fc;
    --secondary-blue: #1c3f81;
    --secondary-yellow: #ffdb04;
    --secondary-green: #28ae8f;
    --secondary-grey: #5d677d;
    --secondary-white: #f4f8fc;
    --secondary-black: #16161c;
    --secondary-dark-grey: #23222a;

    --spacing-1: 8px;
    --spacing-2: 16px;
    --spacing-3: 24px;
}