This page has a background image!
body { margin: 0; padding: 0; background: url('images/ref_image_3.jpeg') no-repeat center center fixed; background-size: cover; font-family: 'Comic Sans MS', cursive; cursor: url('images/cursor.gif'), auto; } .desktop { width: 100vw; height: 100vh; position: relative; } .window { position: absolute; top: 100px; left: 100px; width: 350px; background: #ffe6f2; border: 2px solid #e75480; box-shadow: 4px 4px 0 #c2185b; border-radius: 8px; } .title-bar { background: #e75480; color: white; padding: 8px; cursor: move; font-weight: bold; border-top-left-radius: 6px; border-top-right-radius: 6px; } .window-content { padding: 15px; background: #fff0f5; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .nav { display: flex; justify-content: space-around; background: #ffb6c1; padding: 8px; border-radius: 6px; margin-bottom: 15px; } .nav a { color: #880e4f; text-decoration: none; font-weight: bold; } .nav a:hover { text-decoration: underline; }