refactor: corrects the writing of media requests

[wwily]

Description

This pull request resolves #40

Changes Made

I ensured uniform usage and formatting of media queries throughout the project.

From this:

@media (max-width:1199px){
...
}

@media (max-width:659px){
...
}

To this:

@media screen and (max-width: 1199px){
...
}

@media screen and (max-width: 659px){
...
}

[naumch1k]

Hey, @NazarPauk @MarPostovik 👋 Do you guys have any formatting rules for media requests? Most of them have a space between max-width: and the value, but the ones in this PR don't.

@media screen and (max-width: 659px) {}
/* vs */
@media screen and (max-width:659px) {}

[MarPostovik]

@naumch1k Thank you for noticing this. I think we should stick to the first option (with the space).
@wwily Would you kindly add the spaces to the media queries that don't have them?

[wwily]

I made changes:)

[naumch1k]

@wwily Thank you for taking the time to ensure consistent formatting in our project's media queries. Your PR has been approved!