.input-placeholder { font-size: 13px; color: #979797; } page { background-color: white; } .record-topbar { width: 100%; height: 45px; background: #ffd5dd; font-size: 12px; color: #ee7289; text-align: center; line-height: 45px; } .record-input-constainer { margin: 40px 25px 0 25px; } .record-input_bg { /*background: beige;*/ display: flex; align-items: center; justify-content: flex-start; height: 45px; border: solid 1px; border-radius: 5px; } .record-input_title { /*background-color: green;*/ width: 100px; height: 20px; text-align: center; line-height: 20px; font: medium; font-size: 14px; color: #ee7289; border-right: solid #e8eae5 1px; } .input { /*background-color: red;*/ font-size: 13px; color: #5e5e5e; margin-left: 20px; width: 180px; margin-top: 3px; } .record-submit-btn { font: medium; font-size: 20px; color: white; width: 200px; height: 45px; line-height: 45px; border-radius: 22.5px; background-color: #f4879b; position: absolute; bottom: 100px; left: 50%; transform: translateX(-50%); text-align: center; } .record-time-text { margin-right: 20px; font: lighter; font-size: 13px; color: #979797; width: 110px; text-align: right; margin-top: 2px; /*background-color: rgba(1, 1, 1, 1);*/ }