Show HN: Mavericks Login Panel In CSS (after one week of Codeacademy)

The biggest issue I have with this right now is that the background image is around 3.4mb, which is just way too heavy for a web asset. A good exercise would be to figure out how you can bring that down. Compression can help, but sacrifices quality if you take it too far. Downscaling would be a reasonable thing to do, given that there will be very few screens that use a 5120px width. There are strategies you can use in cases where the screen is unusually large, like fading the edges of the image to a solid color, or fading the edges to transparent and placing the non-repeating background over an element with a repeating background.