*, html { margin: 0; padding: 0; } .container { position: relative; max-width: 1140px; margin: 0 auto; padding: 10px; } .calc__wrapper { 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: 20px; } input { width: 60px; margin-left: 10px; padding: 2px; } .btn_cur{ padding: 5px; width: 60px; border-radius: 10px; background-color:rgb(236, 236, 236); color: rgb(92, 44, 44); box-shadow: 3px 3px 2px 1px rgba(95, 93, 94, 0.2); } .calc__item { padding: 10px; text-align: center; font-weight: 600; } .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; } .cur__wrapper{ display: grid; grid-template-columns: repeat(15, 1fr); row-gap: 3px; align-items: baseline; }