Why is IOS ignoring the CSS part?

Question

css

Good afternoon!
I spent almost two days, I can’t figure out one problem, perhaps for many the solution is elementary, but I am a beginner who only started learning web_dev a month ago.
I'm actually making up a draft template for the site, a draft screen is available at the link: usagid.com/pages/hotel/hotel.html
Template for mobile devices, so make the browser window narrower.
If you open the link on a PC and on an ios device, the difference is immediately noticeable!:
- on ios, a different display of fonts
- the parallax effect does not work, which is done in the simplest way using css
- in type="text" blocks, it’s impossible to remove shadows and so on result in the same view as on the PC.

Answer 1

1. Font 'Source Sans Pro' you have without Cyrillic, that is, all Russian characters are displayed in a standard font. On Windows it's Arial, on iOS it's probably Helvetica.
2. Parallax will not work not only on iOS, but in many other places caniuse.com/#feat=background-attachment
You can just put the block with the background down and set the block to position fixed, for example.
3. For inputs, write this first, which will remove the standard styling:

-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;