html{ font-size: clamp(1.5rem, 2vw + 1rem, 2.25rem); } #hedder{ } body{ background-color: #ffffff56; } #midasi{ background-color: #0000008e; margin-left: 0em; margin-right: 0em; padding: 2cm; } .midasi2{ color:#f38a8a; text-align: center; border-bottom: #f38a8a solid 2px; } .left{ margin-left: 10px; text-align: left; } .oshan{ margin:2em 0; position: relative; padding: 0.5em 1.5em; border-top: solid 2px black; border-bottom: solid 2px black; } .oshan:before, .oshan:after{ content: ''; position: absolute; top: -10px; width: 2px; height: -webkit-calc(100% + 20px); height: calc(100% + 20px); background-color: black; } .oshan:before {left: 10px;} .oshan:after {right: 10px;} .oshan p { margin: 0; padding: 0; } #honbun{ margin-left: 5em; margin-right: 5em; background-color: rgb(247, 179, 134); width: auto; text-align: center; } .pic{ text-align: center; padding-top: 2ex; }