custom.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. /* Font Declaration */
  2. @font-face {
  3. font-family: 'NunitoReg';
  4. src: url('/static/fonts/nunito/Nunito-Regular.ttf');
  5. }
  6. h1, h3, a, p {
  7. font-family: 'NunitoReg';
  8. }
  9. h1 {
  10. margin: 20px 0 20px 0;
  11. }
  12. /* Major */
  13. body {
  14. padding-bottom: 50px;
  15. }
  16. /* Navbar */
  17. nav.navbar {
  18. background-color: #ff3333;
  19. max-width: 50%;
  20. position: relative;
  21. margin: auto;
  22. border-radius: 0 0 25px 25px;
  23. }
  24. .navbar-brand {
  25. filter: invert(100%) sepia(3%) saturate(0%) hue-rotate(271deg) brightness(104%) contrast(101%);
  26. width: 50px;
  27. }
  28. nav a, .navbar-text, .navbar-toggler-icon {
  29. color: white;
  30. }
  31. .navbar-text {
  32. font-weight: bolder;
  33. font-size: large;
  34. padding-right: 20px;
  35. }
  36. /* Images */
  37. img {
  38. max-width: 250px;
  39. max-height: 250px;
  40. margin: 20px 0 20px 0;
  41. }
  42. /* Input */
  43. .btn {
  44. background-color: #ff3333;
  45. border-color: #ff3333;
  46. }
  47. input {
  48. max-width: 200px;
  49. }
  50. /* Backgrounds */
  51. .matchbook-bg {
  52. /*background-color: #ffb3b3;*/
  53. background-color: white;
  54. width: 500px;
  55. border-radius: 25%;
  56. }