In different browsers - different colors, how to solve the problem?

Question

css

:focus is in input , but the colors are different in different browsers.
Chrome displays the wrong color, Firefox is correct.

$green-color: #67bc5c;
&:focus {
            box-shadow: $green-color 0 0 0 2px;
            border-radius: 3px;
            border-color: $green-color;
        }

Here is a link to the finished layout, scroll down .
PS: this ↑ layout is not mine.

Answer 1

Here it seems like an overlay box-shadowand outline, add outline:none;
PS checked on your site, it is

Answer 2

Main.css on line 50 sets other values ​​joxi.ru/8An5Qexi3Blx2O

Answer 3

In my Chrome and Firefox, the text in the fields is displayed the same way. See your browser settings.