styles.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. @import '../node_modules/animate.css/animate.css';
  2. @font-face {
  3. font-family: 'Handlee';
  4. font-style: normal;
  5. font-weight: 400;
  6. src: url('./fonts/handlee-v12-latin-regular.eot'); /* IE9 Compat Modes */
  7. src: local(''),
  8. url('./fonts/handlee-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  9. url('./fonts/handlee-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  10. url('./fonts/handlee-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
  11. url('./fonts/handlee-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  12. url('./fonts/handlee-v12-latin-regular.svg#Handlee') format('svg'); /* Legacy iOS */
  13. }
  14. .handlee {
  15. font-family: 'Handlee', cursive;
  16. }
  17. @font-face {
  18. font-family: 'Amatic SC';
  19. font-style: normal;
  20. font-weight: 400;
  21. src: url('./fonts/amatic-sc-v22-latin-regular.eot'); /* IE9 Compat Modes */
  22. src: local(''),
  23. url('./fonts/amatic-sc-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  24. url('./fonts/amatic-sc-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  25. url('../fonts/amatic-sc-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
  26. url('./fonts/amatic-sc-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  27. url('./fonts/amatic-sc-v22-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
  28. }
  29. @font-face {
  30. font-family: 'Amatic SC';
  31. font-style: normal;
  32. font-weight: 700;
  33. src: url('../fonts/amatic-sc-v22-latin-700.eot'); /* IE9 Compat Modes */
  34. src: local(''),
  35. url('./fonts/amatic-sc-v22-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  36. url('./fonts/amatic-sc-v22-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
  37. url('./fonts/amatic-sc-v22-latin-700.woff') format('woff'), /* Modern Browsers */
  38. url('./fonts/amatic-sc-v22-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
  39. url('./fonts/amatic-sc-v22-latin-700.svg#AmaticSC') format('svg'); /* Legacy iOS */
  40. }
  41. .amatic {
  42. font-family: 'Amatic SC', cursive;
  43. }
  44. .scrolled-down{
  45. transform:translateY(-100%); transition: all 0.3s ease-in-out;
  46. }
  47. .scrolled-up{
  48. transform:translateY(0); transition: all 0.3s ease-in-out;
  49. }
  50. nav .form-control {
  51. background-color: transparent;
  52. }
  53. nav .form-control::placeholder {
  54. color: rgba(255, 255, 255, 0.5);
  55. }
  56. footer .form-control {
  57. background-color: transparent;
  58. }
  59. footer .form-control::placeholder {
  60. color: rgba(255, 255, 255, 0.5);
  61. }
  62. .carousel-caption {
  63. background-color: rgba(0, 0, 0, 0.5);
  64. }
  65. .carousel-item img {
  66. object-fit: cover;
  67. object-position: top;
  68. height: 50vh;
  69. overflow: hidden;
  70. }
  71. .outline {
  72. line-height: 1.8em;
  73. }
  74. .outline ol {
  75. list-style-type: upper-roman;
  76. }
  77. .outline ol ol {
  78. list-style-type: upper-alpha;
  79. }
  80. .outline ol ol ol {
  81. list-style-type: decimal;
  82. }
  83. .outline ol ol ol ol {
  84. counter-reset: list;
  85. }
  86. .outline ol ol ol ol > li {
  87. list-style: none;
  88. }
  89. .outline ol ol ol ol > li:before {
  90. content: counter(list, lower-alpha) ") ";
  91. counter-increment: list;
  92. }
  93. .outline ol ol ol ol ol {
  94. counter-reset: list;
  95. }
  96. .outline ol ol ol ol ol > li {
  97. list-style: none;
  98. }
  99. .outline ol ol ol ol ol > li:before {
  100. content: counter(list, decimal) ") ";
  101. counter-increment: list;
  102. }
  103. table.costs tr.border-top {
  104. border-top: 2px solid !important;
  105. }