ToxyFlake

Css коржопики 2

Aug 3rd, 2021
897
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');
  2. html {
  3.     font-size: 10px;
  4. font-family: 'Jura', sans-serif;
  5. background-color: white;
  6. }
  7. h1 {
  8.      font-size: 100px;
  9.      margin-bottom: 5px;
  10.      margin-top: 5px;
  11.      color: #6e1700;
  12. }
  13. h2 {
  14.      font-size: 70px;
  15.      margin-bottom: 5px;
  16.      margin-top: 5px;
  17.      color: #6e1700;
  18. }
  19. h3 {
  20.      font-size: 20px;
  21.      margin-bottom: 5px;
  22.      margin-top: 5px;
  23.      color: #6e1700;
  24. }
  25. h4 {
  26.      font-size: 20px;
  27.      margin-bottom: 5px;
  28.      margin-top: 5px;
  29.      color: #6e1700;
  30. }
  31. p {
  32.      font-size: 15px;
  33.      margin-bottom: 5px;
  34.      margin-top: 5px;
  35.      color: #6e1700;
  36. }
  37. .container-main {
  38.      display: flex;
  39.      flex-direction: column;
  40.      justify-content: center;
  41.      align-items: center;
  42.      width: 800px;
  43.      height: 900px;
  44. }
  45. #container {
  46.   display: flex;
  47.   /*align-items: flex-start;*/
  48.   flex-direction: column;
  49.   justify-content: center;
  50.   width: 100%;
  51. }
  52. #container-shop {
  53.     flex: 1;
  54.     background-color: #ecc6a5;
  55.     width: 100%;
  56. }
  57. #container-upgrade {
  58.   display: flex;
  59.   justify-content: center;
  60.   width: 100%;
  61. }
  62. #container-upgrade div {
  63.   padding: 10px;
  64.   border: 5px solid #ecc6a5;
  65. }
  66.  
  67. #container div {
  68.   padding: 10px;
  69.   border: none;
  70. }
  71. #box1 {
  72.     flex: 1;
  73.     background-color: #f7e7dc;
  74.     text-align: center;
  75.     width: 100%;
  76. }
  77.  
  78. #container-box3 {
  79.     flex: 1;
  80.     background-color: red; /*#fdfaf4*/
  81.     text-align: center;
  82.     width: 100%;
  83.     width: 800px;
  84. }
  85. #box3-1 {
  86.     flex: 1;
  87.      background-color: blue; /*#fdfaf4*/
  88.     width: 100%;
  89. }
  90. #box4 {
  91.     flex: 1;
  92.     background-color: #f7e7dc;
  93.     text-align: center;
  94.     width: 300px;
  95. }
  96. #box5 {
  97.     flex: 1;
  98.     background-color: #f7e7dc;
  99.     text-align: center;
  100. }
  101.  
  102. #box5-1-1 {
  103.     flex: 1;
  104.     background-color: #f4e0cb;
  105.     justify-content: center;
  106. }
  107. #box5-1-2 {
  108.     flex: 1;
  109.     background-color: #de9f68;
  110.     flex-basis: 50%;
  111. }
  112. #box5-1-3 {
  113.     flex: 1;
  114.     background-color: #d1884d;
  115.     text-align:center;
  116. }
  117. #box-white {
  118.      flex: 1;
  119. }
  120. #box-white div {
  121.      width: 10x;
  122.      height: 10x;
  123. }
  124. #box6 {
  125.     flex: 1;
  126.     background-color: #de9f68;
  127.     text-align:center;
  128.     width: 100%;
  129. }
RAW Paste Data