diff --git a/assets/css/starwars.css b/assets/css/starwars.css deleted file mode 100644 index b463942..0000000 --- a/assets/css/starwars.css +++ /dev/null @@ -1,116 +0,0 @@ -@media screen and (max-width: 700px) { - .row { - flex-direction: column; - } -} -@media screen and (max-width: 400px) { - .navbar a { - float: none; - width: 100%; - } -} - -body, html { - height: 100%; -} - -body { - font-family: sans-serif; - margin: 0; - display: flex; - flex-direction: column; -} -a { - color: blue; -} - -.header { - padding: 10px; - text-align: center; - background: url(../images/stars.png); - background-size: cover; - color: white; -} -.header h1 { - font-size: 50px; - font-weight: bold; - transform-origin: 50% 100%; - transform: perspective(350px) rotateX(25deg); - color: yellow; -} - -.navbar { - overflow: hidden; - background-color: #999; -} -.navbar a { - float: left; - display: block; - color: white; - text-align: center; - padding: 14px 20px; - text-decoration: none; -} -/* .navbar a.right { - float: right; -} */ -.navbar a:hover { - background-color: #ddd; - color: black; -} - -* { - box-sizing: border-box; -} -.row { - flex: 1; - display: flex; - flex-wrap: wrap; -} -.side { - width: 25%; - background-color: lightgray; - padding: 20px; -} -.main { - width: 75%; - background-color: white; - padding: 20px; -} -.footer { - padding: 20px; - text-align: center; - background: #ddd; -} - -@media (prefers-color-scheme: dark) { - body { - background-color: black; - } - a { - color: #4da6ff; - } - .navbar { - background-color: #222; - } - .navbar a { - color: lightgray; - } - .navbar a:hover { - background-color: #444; - color: white; - } - .side { - background-color: #111; - color: lightgray; - } - .main { - background-color: black; - color: lightgray; - } - .footer { - background: #222; - color: lightgray; - } - max-width: 650px; -} diff --git a/assets/img/stars.png b/assets/img/stars.png deleted file mode 100644 index 58a65db..0000000 Binary files a/assets/img/stars.png and /dev/null differ