How come squarespace isn’t liking my media query?

This is the external css that I am using. 
 

https://github.com/Azalea9X/css_style_sheets/blob/main/jan.css
 

It likes a certain amount of my code, but, doesn’t seem to like all of it, even when I do it on the custom css section.  

After doing a lot of trouble shooting, I’ve been able to answer my own question. 
 

One error I see many people making is that they think they need to use the custom code panel. This is not true. With only injecting code into the page itself with the external stylesheet, I was able to get it to work. First, I had to correct all errors in the stylesheet. Secondly, positioning does work with squarespace, but, you have to give out elements really high specificity with css, and, you need to make it very simple. Once I simplified it by adding an ID to the link selector, everything else worked like a charm. I believe squarespace is funny with links. You can get normal html and css to work. I didn’t need to inject the media queries. 
 

Secondly, I found that the vw and vh elements don’t work as well as REMs. Just something to keep in mind. I can do this with version 7.1.