style.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. *, html {
  2. box-sizing: border-box;
  3. margin: 0;
  4. padding: 0;
  5. font-family: 'Roboto', sans-serif;
  6. }
  7. html {
  8. background-color:rgb(210, 248, 248);
  9. }
  10. .container {
  11. max-width: 1200px;
  12. margin: 0 auto;
  13. padding: 50px;
  14. }
  15. form {
  16. width: 500px;
  17. height: 300px;
  18. margin: 0 auto;
  19. }
  20. h4 {
  21. margin-bottom: 20px;
  22. text-align: center;
  23. }
  24. .btn {
  25. width: 80px;
  26. }
  27. .modal {
  28. display: none;
  29. position: fixed;
  30. top: 50px;
  31. left: 35%;
  32. width: 550px;
  33. margin: 0 auto;
  34. padding: 40px;
  35. border: 1px solid rgba(0,0,0,.2);
  36. border-radius: 4px;
  37. text-align: center;
  38. }
  39. .close {
  40. position: absolute;
  41. top: 8px;
  42. right: 14px;
  43. font-size: 30px;
  44. color: #000;
  45. opacity: .5;
  46. font-weight: 700;
  47. border: none;
  48. background-color: transparent;
  49. cursor: pointer;
  50. }
  51. .modal__title {
  52. text-align: center;
  53. font-size: 18px;
  54. text-transform: uppercase;
  55. }