123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- *, html {
- margin: 0;
- padding: 0;
- }
- .container {
- position: relative;
- max-width: 1140px;
- margin: 0 auto;
- padding: 50px;
- }
- td {
- border-style: ridge;
- width: 40px;
- height: 40px;
- text-align: center;
- vertical-align: middle;
- }
- tr:nth-child(2n + 1) {
- background-color: rgb(223, 227, 235);
- }
- .calc__wrapper {
- width: 540px;
- height: 350px;
- padding: 20px;
- margin: 0 auto;
- border: 2px solid grey;
- background-color: ivory;
- box-shadow: 12px 12px 2px 1px rgba(93, 93, 95, 0.2);
- border-radius: 25px;
- text-align: center;
-
- }
- h3 {
- margin-bottom: 20px;
- }
- input {
- width: 60px;
- margin-left: 10px;
- padding: 2px;
- }
- .calc__item {
- display: grid;
- grid-template-columns: 1fr 90px 1fr;
- align-items: baseline;
- padding: 10px;
- text-align: left;
- }
- .price__item{
- display: none;
- margin-top: 20px;
- }
- .outer {
- margin-top: 20px;
- margin-bottom: 10px;
- font-size: 24px;
- font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
- color: rgb(19, 16, 207);
- }
- .btn {
- display: none;
- margin: 0 auto;
- padding: 5px;
- border-radius: 10px;
- background-color:linen;
- color: rgb(92, 44, 44);
- box-shadow: 3px 3px 2px 1px rgba(95, 93, 94, 0.2);
- align-self: end;
- }
|