diff --git a/.DS_Store b/.DS_Store index a0bd94f..46c8ca2 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/.gitignore b/.gitignore index d6bb858..95790b8 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,3 @@ .DS_Store -assets/.DS_Store +assets/.DS_Store \ No newline at end of file diff --git a/assets/.DS_Store b/assets/.DS_Store index abbfebd..9fa8dbb 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/css/style.css b/css/style.css index b940933..4939213 100644 --- a/css/style.css +++ b/css/style.css @@ -1,9 +1,83 @@ @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"); - -body { - background: #222; +@font-face { + font-family: "Upheaval TT"; + src: url("../assets/fonts/upheavtt.ttf"); +} +@font-face { + font-family: "Exo"; + src: url("../assets/fonts/exo.otf"); } -.navbar { - background: #1a9fff; +:root { + --rd-purple: #946beb; + --rd-blue: #1a9fff; + --rd-black: #222; +} + + +body { + background: var(--rd-black); +} + +/* Nav and Footer Styles */ + +nav, footer { + background: var(--rd-blue); + font-family: "Upheaval TT", monospace; +} + +nav { + border-bottom: var(--rd-purple) solid 5px; + font-size: x-large; +} + +nav i.bi { + font-size: small; +} + +footer { + border-top: var(--rd-purple) solid 5px; +} + +.dropdown-menu.show { + background: var(--rd-purple); + /* background: linear-gradient(45deg, #1a9fff, #946beb); */ + border: white solid 1px; + font-size: large; +} + +a.dropdown-item:hover { + background: var(--rd-blue); +} + +/* Jumbotron Styles */ +.jumbotron { + background: linear-gradient(45deg, var(--rd-purple) 30%, var(--rd-blue)); + border: white 2px solid; +} + +.jumbotron h1 { + font-family: "Upheaval TT", monospace; + text-shadow: 2px 2px var(--rd-purple); +} + +.jumbotron p { + font-family: "Exo", serif; +} + +/* Link Styles */ +.jumbotron p a, footer a, a.btn { + color: var(--rd-purple); + background: var(--rd-black); + text-decoration: none; + padding: 5px; + border: white 1px solid; + border-radius: 5px; + font-family: "Upheaval TT", monospace; +} + +.jumbotron p a:hover, footer a:hover, a.btn:hover { + color: white; + background: var(--rd-purple); + border-color: var(--rd-black); } \ No newline at end of file diff --git a/index.html b/index.html index b351e6a..8ae3348 100644 --- a/index.html +++ b/index.html @@ -31,8 +31,8 @@ -