style.css 1004 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. *, html {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. .container {
  6. position: relative;
  7. max-width: 1140px;
  8. margin: 0 auto;
  9. padding: 50px;
  10. }
  11. .calc__wrapper {
  12. width: 280px;
  13. height: 180px;
  14. padding: 20px;
  15. margin: 0 auto;
  16. border: 2px solid grey;
  17. background-color: ivory;
  18. box-shadow: 12px 12px 2px 1px rgba(93, 93, 95, 0.2);
  19. border-radius: 25px;
  20. text-align: center;
  21. }
  22. h3 {
  23. margin-bottom: 20px;
  24. }
  25. input {
  26. width: 60px;
  27. margin-left: 10px;
  28. padding: 2px;
  29. }
  30. .calc__item {
  31. padding: 10px;
  32. text-align: left;
  33. }
  34. .outer {
  35. margin-top: 5px;
  36. margin-bottom: 10px;
  37. font-size: 24px;
  38. font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  39. color: rgb(19, 16, 207);
  40. }
  41. .btn {
  42. margin: 0 auto;
  43. padding: 5px;
  44. border-radius: 10px;
  45. background-color:linen;
  46. color: rgb(92, 44, 44);
  47. box-shadow: 3px 3px 2px 1px rgba(95, 93, 94, 0.2);
  48. align-self: end;
  49. }