credit.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .close-btn {
  2. position: absolute;
  3. top: 10px;
  4. right: 10px;
  5. cursor: pointer;
  6. color: white;
  7. }
  8. #results {
  9. position: fixed; /* Делаем блок фиксированным */
  10. top: 50%;
  11. left: 50%;
  12. transform: translate(-50%, -50%); /* Центрируем блок */
  13. width: 300px;
  14. padding: 20px;
  15. border: 1px solid #ccc;
  16. border-radius: 5px;
  17. background-color: #f8f8f8;
  18. display: none; /* Сначала скрываем результаты */
  19. z-index: 10; /* Устанавливаем приоритет отрисовки */
  20. }
  21. .big_con {
  22. height: 100vh;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. transition: opacity 0.5s ease; /* Добавляем плавный переход */
  27. }
  28. .big_con.hidden {
  29. opacity: 0; /* Скрываем при переходе */
  30. }
  31. #results .close-button {
  32. position: absolute;
  33. top: 10px;
  34. right: 10px;
  35. cursor: pointer;
  36. color: black; /* Цвет крестика */
  37. font-size: 1.2em; /* Размер крестика */
  38. }
  39. /*izm parol*/
  40. .center {
  41. text-align: center;
  42. font-size: 0.75em;
  43. }
  44. .block_auth {
  45. position: relative;
  46. }
  47. .close {
  48. position: absolute;
  49. top: 0;
  50. right: 0;
  51. font-size: 1.5em;
  52. cursor: pointer;
  53. color: #ccc;
  54. }
  55. .button-container {
  56. display: flex;
  57. justify-content: space-between;
  58. width: 100%;
  59. }
  60. .half-orange {
  61. width: 48%;
  62. margin-top: 10px;
  63. }