diff --git a/static/css/base.css b/static/css/base.css new file mode 100644 index 0000000..503f568 --- /dev/null +++ b/static/css/base.css @@ -0,0 +1,57 @@ +html { + height: 100%; +} + +body { + background: url('/media/Wizard.Barristers_.Benmashi.Cecil.full.2544053.jpg') no-repeat center center fixed; + background-size: cover; + height: calc(100vh - 164px); + color: #555; + font-family: 'Lato'; +} + +/* from Bulma to ensure that font awesome icons will always stay perfectly centered and have a consistent size*/ +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.logo-font { + text-transform: uppercase; +} + +.main-logo-link { + width: fit-content; +} + +.shop-now-button { + background: black; + color: white; + min-width: 260px; +} + +.btn-black { + background: black; + color: white; +} + +.shop-now-button:hover, +.shop-now-button:active, +.shop-now-button:focus, +.btn-black:hover, +.btn-black:active, +.btn-black:focus { + background: #222; + color: white; +} + +.text-black { + color: #000 !important; +} + +.border-black { + border: 1px solid black !important; +} \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 3b6ab73..b866e02 100644 --- a/templates/base.html +++ b/templates/base.html @@ -41,7 +41,7 @@
-
+