0
0

main.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. @import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');
  2. @import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
  3. a {
  4. font-size: 3.6rem;
  5. text-decoration: none;
  6. color: #26110C;
  7. font-family: 'Raleway', sans-serif;
  8. }
  9. a:hover {
  10. color: #732727;
  11. text-decoration: underline;
  12. }
  13. body {
  14. background-color: #F2A76650;
  15. margin: 0;
  16. /*#D9B9A7;*/
  17. }
  18. br {
  19. margin-bottom: 1.8rem;
  20. }
  21. div.content_block {
  22. display: flex;
  23. flex-direction: column-reverse;
  24. flex-wrap: wrap;
  25. flex-basis: 100%;
  26. flex: 1;
  27. width: 100%;
  28. }
  29. div.main_block {
  30. width: max(50%, 350px);
  31. max-width: min(100%, 800px);
  32. margin: 0 auto;
  33. }
  34. div.selection_item {
  35. min-width: 40%;
  36. padding: 0.5rem 1rem;
  37. }
  38. div.title_block {
  39. margin: 4rem 0;
  40. }
  41. h1 {
  42. font-family: 'Raleway', sans-serif;
  43. font-size: 4.8rem;
  44. padding-left: 1rem;
  45. margin: 0;
  46. }
  47. h2 {
  48. font-family: 'Raleway', sans-serif;
  49. font-size: 4rem;
  50. }
  51. h3 {
  52. font-family: 'Open Sans', sans-serif;
  53. font-size: 3.2rem;
  54. }
  55. h4 {
  56. font-family: 'Open Sans', sans-serif;
  57. font-size: 2.4rem;
  58. }
  59. hr {
  60. border: 0;
  61. border-bottom: dashed;
  62. }
  63. html {
  64. font-size: 62.5%;
  65. margin: 0;
  66. }
  67. img {
  68. padding: 1.5rem 0;
  69. width: 100%;
  70. }
  71. p {
  72. font-family: 'Raleway', sans-serif;
  73. font-size: 2.8rem;
  74. }
  75. select {
  76. /* styling */
  77. background-color: #F2A76652;
  78. border: thin solid #F23030;
  79. border-radius: 4px;
  80. display: block;
  81. font: inherit;
  82. font-size: 2.0rem;
  83. line-height: 1.5em;
  84. padding: 0.5em 3.5em 0.5em 1em;
  85. /* reset */
  86. margin: 0 auto;
  87. -webkit-box-sizing: border-box;
  88. -moz-box-sizing: border-box;
  89. box-sizing: border-box;
  90. -webkit-appearance: none;
  91. -moz-appearance: none;
  92. }
  93. select.select-css {
  94. background-image:
  95. linear-gradient(45deg, transparent 50%, #260101 0%),
  96. linear-gradient(135deg, #260101 50%, transparent 0%);
  97. background-position:
  98. calc(100% - 21px) calc(1em + 2px),
  99. calc(100% - 13px) calc(1em + 2px);
  100. background-size:
  101. 8px 8px, 8px 8px, 2.5em 2.5em;
  102. background-repeat: no-repeat;
  103. }