@import "~bootstrap/scss/bootstrap-grid"; @import "~bootstrap/scss/bootstrap-reboot"; @import "~bootstrap/scss/utilities/align"; @import "~bootstrap/scss/utilities/spacing"; @import "~bootstrap/scss/utilities/display"; @import "~bootstrap/scss/utilities/text"; @import "~@fortawesome/fontawesome-free/scss/fontawesome"; @import "~@fortawesome/fontawesome-free/scss/solid"; @import "~@fortawesome/fontawesome-free/scss/brands"; @import "~@fortawesome/fontawesome-free/scss/regular"; @font-face { font-family: 'Minotaur'; src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype'); } body { background-image: url("img/bg.png"); color: #fff; min-height: 100vh; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); &.legal { padding: 2%; } } .logo { display: block; margin: 0 auto; max-width: 256px; max-height: 256px; background-color: #ffffff; border-radius: 50%; border: 2px solid #000000; } .menu { border-top: 1px solid #ffffff; } .border-top-bottom { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } a { color: #ffffff; } a:hover { color: #dddddd; } .sp-codes { font-family: "Minotaur", monospace; font-size: 5rem; text-align: center; } .row { margin: 0; } .flex-grow { flex: 1; } @media (max-width: 767.98px) { .sp-codes { font-size: 3rem; } .logo { max-width: 128px; max-height: 128px; } .fa-4x { font-size: 2em; } }