@import "custom"; @import "/node_modules/bootstrap"; @import "fonts"; $black: #141414; $orange: #d6972a; $white: #f0f0f0; $font: 'Fira Code', monospace; html { position: relative; min-height: 100%; } body { margin-bottom: 60px; /* Margin bottom by footer height */ font-family: 'Mukta', sans-serif; background-color: $white; } .footer { position: absolute; bottom: 0; width: 100%; height: 60px; /* Set the fixed height of the footer here */ line-height: 60px; /* Vertically center the text there */ } nav { background-color: $black; color: $orange; ul { display: flex; justify-content: end; list-style: none; padding: 0; margin: 0; li { width: 150px; text-align: right; } } } header { background-color: $black; color: $orange; } main { h1 { background-color: $orange; padding: 5px; } h2 { background-color: $orange; padding: 2px; } } a { color: $orange; }