Website for sp-magic.de https://www.sp-magic.de
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
1.6KB

  1. @import "~bootstrap/scss/bootstrap-grid";
  2. @import "~bootstrap/scss/bootstrap-reboot";
  3. @import "~bootstrap/scss/utilities/align";
  4. @import "~bootstrap/scss/utilities/spacing";
  5. @import "~bootstrap/scss/utilities/display";
  6. @import "~bootstrap/scss/utilities/text";
  7. @import "~@fortawesome/fontawesome-free/scss/fontawesome";
  8. @import "~@fortawesome/fontawesome-free/scss/solid";
  9. @import "~@fortawesome/fontawesome-free/scss/brands";
  10. @import "~@fortawesome/fontawesome-free/scss/regular";
  11. @font-face {
  12. font-family: 'Minotaur';
  13. src: local('Minotaur Phatte'), url(../font/minotaur.ttf) format('truetype');
  14. }
  15. body {
  16. background: url('../img/bg.png') no-repeat center center fixed;
  17. -webkit-background-size: cover;
  18. -moz-background-size: cover;
  19. -o-background-size: cover;
  20. background-size: cover;
  21. min-height: 100vh;
  22. color: #000;
  23. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  24. &.legal {
  25. padding: 2%;
  26. }
  27. }
  28. .logo {
  29. display: block;
  30. margin: 0 auto;
  31. max-width: 256px;
  32. max-height: 256px;
  33. background-color: #ffffff;
  34. border-radius: 50%;
  35. border: 2px solid #000000;
  36. }
  37. .menu {
  38. border-top: 1px solid #000000;
  39. }
  40. .border-top-bottom {
  41. border-top: 1px solid #000000;
  42. border-bottom: 1px solid #000000;
  43. }
  44. a {
  45. color: #000000;
  46. }
  47. a:hover {
  48. color: #222222;
  49. }
  50. .sp-codes {
  51. font-family: "Minotaur", monospace;
  52. font-size: 5rem;
  53. text-align: center;
  54. }
  55. .row {
  56. margin: 0;
  57. }
  58. .flex-grow {
  59. flex: 1;
  60. }
  61. @media (max-width: 767.98px) {
  62. .sp-codes {
  63. font-size: 3rem;
  64. }
  65. .logo {
  66. max-width: 128px;
  67. max-height: 128px;
  68. }
  69. .fa-4x {
  70. font-size: 2em;
  71. }
  72. }