Advertisement
Exunys

css

Dec 13th, 2024 (edited)
62
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.25 KB | None | 0 0
  1. body {
  2.     margin: 0;
  3.     font-family: Arial, sans-serif;
  4.     background: linear-gradient(135deg, #1a1a2e, #16213e);
  5.     color: white;
  6. }
  7.  
  8. header {
  9.     display: flex;
  10.     flex-direction: column;
  11.     align-items: center;
  12.     padding: 40px;
  13.     background: linear-gradient(135deg, #0f3460, #1a1a2e);
  14.     border-bottom: 2px solid #0f3460;
  15.     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  16. }
  17.  
  18. .title {
  19.     margin: 0;
  20.     color: #e94560;
  21.     font-size: 48px;
  22.     text-align: center;
  23.     text-shadow: 0 0 0px #e94560, 0 0 15px #e94560;
  24. }
  25.  
  26. .title2 {
  27.     margin: 0;
  28.     color: #9ccaff;
  29.     font-size: 48px;
  30.     text-align: center;
  31.     text-shadow: 0 0 0px #9ccaff, 0 0 3px #9ccaff;
  32. }
  33.  
  34. .description {
  35.     margin: 0;
  36.     color: #9c9cba;
  37.     text-align: center;
  38.     font-size: 18px;
  39. }
  40.  
  41. footer {
  42.     text-align: center;
  43.     padding: 20px;
  44.     width: 100%;
  45.     background: linear-gradient(135deg, #1a1a2e, #16213e);
  46.     border-top: 1px solid #e94560;
  47. }
  48.  
  49. .footer-holder {
  50.     text-align: center;
  51.     padding: 40px;
  52.     width: 100%;
  53.     background: linear-gradient(135deg, #0f3460, #1a1a2e);
  54.     border-top: 2px solid #e94560;
  55.     box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.5);
  56. }
  57.  
  58. .sign-up {
  59.     padding: 15px 30px;
  60.     font-size: 18px;
  61.     background: linear-gradient(135deg, #e94560, #d62976);
  62.     color: white;
  63.     border: none;
  64.     border-radius: 5px;
  65.     cursor: pointer;
  66.     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  67. }
  68.  
  69. .sections-holder {
  70.     padding: 40px;
  71.     display: flex;
  72.     flex-direction: column;
  73.     align-items: center;
  74. }
  75.  
  76. .text-element {
  77.     display: flex;
  78.     width: 90%;
  79.     align-items: center;
  80.     padding: 20px;
  81.     margin: 20px;
  82.     background: linear-gradient(135deg, #16213e, #0f3460);
  83.     border-radius: 10px;
  84.     border: 1px solid #e94560;
  85.     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
  86.    
  87. }
  88.  
  89. .image-holder {
  90.     width: 150px;
  91.     height: 150px;
  92.     border-radius: 10px;
  93.     background: #1a1a2e;
  94.     border: 2px solid #e94560;
  95. }
  96.  
  97. .left-offset {
  98.     margin-right: 20px;
  99. }
  100.  
  101. .element-title {
  102.     color: #e94560;
  103.     text-shadow: 0 0 4px #e94560;
  104.     font-size: 28px;
  105. }
  106.  
  107. .element-description {
  108.     color: #9c9cba;
  109.     font-size: 18px;
  110. }
  111.  
  112. .price {
  113.     color: #8aff8a;
  114.     font-size: 24px;
  115. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement