diff --git a/src/routes/404/+page.svelte b/src/routes/404/+page.svelte index 06be519..22b543e 100644 --- a/src/routes/404/+page.svelte +++ b/src/routes/404/+page.svelte @@ -2,6 +2,8 @@ + + 404 - + + + +

hællæ

+ + diff --git a/static/styles/404style.css b/static/styles/404style.css new file mode 100644 index 0000000..5f3490a --- /dev/null +++ b/static/styles/404style.css @@ -0,0 +1,73 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap'); + +.footer { + position: fixed; + background-color: #000000; + color: #ffffff; + left: 0; + bottom: 0; + width: 100%; + text-align: center; +} + +.lineheight1em { + line-height: 1em; +} + +body { + background-color: #000000; + color: #ffffff; +} + +h1 { + font-family: 'Montserrat', sans-serif; + font-weight: 900; + font-size: 48px; + margin: 50px; + padding: 25px; +} + +p { + font-family: 'Monstserrat', sans-serif; + margin-top: -50px; + padding-left: 75px; +} + +p a:link { + color: lightgray; +} + +p a:visited { + color: lightgray; +} + +p a:hover { + color: darkgray; +} + +p a:active { + color: gray; +} + +h1 a:link { + color: lightgray; +} + +h1 a:visited { + color: lightgray; +} + +h1 a:hover { + color: darkgray; +} + +h1 a:active { + color: gray; +} + +.center { + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; + } \ No newline at end of file diff --git a/static/styles/portfolio.css b/static/styles/portfolio.css index f3b8350..808526c 100644 --- a/static/styles/portfolio.css +++ b/static/styles/portfolio.css @@ -33,42 +33,4 @@ p a:hover { p a:active { color: gray; -} - -.grid-container { - display: grid; - grid-template-columns: repeat(3, 1fr); - grid-gap: 20px; - grid-auto-flow: dense; -} - -.grid-item { - display: flex; - align-items: center; - justify-content: center; -} - -.grid-item img { - max-width: 100%; - height: auto; - object-fit: cover; - cursor: pointer; -} - -.enlarged { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.9); - z-index: 999; - display: flex; - align-items: center; - justify-content: center; -} - -.enlarged img { - max-width: 90%; - max-height: 90%; } \ No newline at end of file diff --git a/static/styles/style.css b/static/styles/style.css index c9b72dc..abac273 100644 --- a/static/styles/style.css +++ b/static/styles/style.css @@ -48,3 +48,19 @@ p a:hover { p a:active { color: gray; } + +h1 a:link { + color: lightgray; +} + +h1 a:visited { + color: lightgray; +} + +h1 a:hover { + color: darkgray; +} + +h1 a:active { + color: gray; +} \ No newline at end of file