Looks great, @bloo!
I echo everything @Roma said. One more suggestion, check out the W3C’s markup validation service. This tool will scan your HTML code for errors, explain the errors and help teach you how to correct any errors.
For example, here is two errors:
<script> tag at the top of the code - line 1 in your code pen
<main> tag one line 3 and at the very end of your HTML are misplaced. They should never exist outside of a
<body> tag. You can learn more about the
<main> tag here.
<!-- ERROR 1 - This script tag belongs in the <head> section -->
<!-- ERROR 2 - The main tag belongs in the <body> section Browser's only render valid HTML in the body tag. Also, since you are not targeting the main tag with CSS selectors, you can remove this altogether. -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daft Punk Tribute Page</title>