diff --git a/css/style_webweave.css b/css/style_webweave.css index 66a2a97..fcf25da 100644 --- a/css/style_webweave.css +++ b/css/style_webweave.css @@ -40,7 +40,7 @@ body { h1 { font-family: monospace; - font-size: calc(5rem + 3vw); /* Responsive font size for h1 */ + font-size: calc(5rem + 3vw); color: #e5e5e5; margin-top: 200px; margin-bottom: 20px; @@ -48,18 +48,18 @@ h1 { h2 { font-family: monospace; - font-size: 1.6rem; /* Adjust the font size for h2 as needed for responsiveness */ + font-size: 1.6rem; color: #e5e5e5; } h3 { - font-size: 1rem; /* Adjust the font size for h3 as needed for responsiveness */ + font-size: 1rem; margin-top: 300px; } #header { font-family: 'worksans', sans-serif; - font-size: calc(1.2rem + 0.5vw); /* Responsive font size for #header */ + font-size: calc(1.2rem + 0.5vw); margin-top: 20px; color: #e5e5e5; } @@ -74,17 +74,27 @@ h3 { #image-container img { max-width: 400px; max-height: 400px; - cursor: pointer; /* Add pointer cursor to indicate images are clickable */ + cursor: pointer; } #start-text { - display: none; /* Hide the text initially */ + display: none; } #footer { - font-size: calc(1rem + 0.5vw); /* Responsive font size for #footer */ + font-size: calc(1rem + 0.5vw); position: absolute; bottom: 0; left: 10px; color: #313131; } + +#christmas-image { + position: fixed; + top: 5px; + left: 5px; + width: 100px; + height: auto; + z-index: 1000; +} + diff --git a/images/.DS_Store b/images/.DS_Store index da1d621..c48b192 100644 Binary files a/images/.DS_Store and b/images/.DS_Store differ diff --git a/images/christmas.png b/images/christmas.png index 4d17279..0b549ea 100644 Binary files a/images/christmas.png and b/images/christmas.png differ diff --git a/images/hut.png b/images/hut.png index a9464e9..101973e 100644 Binary files a/images/hut.png and b/images/hut.png differ diff --git a/index.html b/index.html index fe3a689..70303d7 100644 --- a/index.html +++ b/index.html @@ -42,9 +42,4 @@

- -

- - - - +
- +
+ Christmas Image + +