ToxyFlake

CSS коржопиков

Aug 3rd, 2021
1,009
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. }
  46. #container {
  47.   display: flex;
  48.   /*align-items: flex-start;*/
  49.   flex-direction: column;
  50.   justify-content: center;
  51.  
  52. }
  53. #container-shop {
  54.     flex: 1;
  55.     background-color: #ecc6a5;
  56. }
  57. #container-upgrade {
  58.   display: flex;
  59.   justify-content: center;
  60. }
  61. #container-upgrade div {
  62.   padding: 10px;
  63.   border: 5px solid #ecc6a5;
  64. }
  65.  
  66. #container div {
  67.   padding: 10px;
  68.   border: none;
  69. }
  70. #box1 {
  71.     flex: 1;
  72.     background-color: #f7e7dc;
  73.     text-align:center;
  74. }
  75.  
  76. #container-box3 {
  77.     flex: 1;
  78.     background-color: #fdfaf4;
  79.     text-align:center;
  80. }
  81. #box3-1 {
  82.     flex: 1;
  83.     background-color: #fdfaf4;
  84. }
  85. #box4 {
  86.     flex: 1;
  87.     background-color: #f7e7dc;
  88. }
  89. #box5 {
  90.     flex: 1;
  91.     background-color: #f7e7dc;
  92.     text-align: center;
  93. }
  94.  
  95. #box5-1-1 {
  96.     flex: 1;
  97.     background-color: #f4e0cb;
  98.     justify-content: flex-start;
  99. }
  100. #box5-1-2 {
  101.     flex: 1;
  102.     background-color: #de9f68;
  103.     flex-basis: 50%;
  104. }
  105. #box5-1-3 {
  106.     flex: 1;
  107.     background-color: #d1884d;
  108.     text-align:center;
  109. }
  110. #box-white {
  111.      flex: 1;
  112. }
  113. #box-white div {
  114.      width: 10x;
  115.      height: 10x;
  116. }
  117. #box6 {
  118.     flex: 1;
  119.     background-color: #de9f68;
  120.     text-align:center;
  121. }
  122.  
RAW Paste Data