* { box-sizing: border-box; } html { font-size: 42px; background-color: white; } .panel { width: 1080px; height: 1920px; background-color: rgb(191 200 209); /* // border: 1px solid black; */ padding: 1.6rem 0px 0px 0px; margin: 0 auto; position: relative; /* overflow: hidden; */ /* background-image: url("./Asset3outline.jpg"); */ background-size: contain; } .text { font-family: 'Montserrat'; padding: 0 2.15rem; } .text--head { /* font-weight: 700; */ font-size: 1.53rem; color: #ff4d4d; text-align: center; line-height: 1.1; } .text--body { /* font-weight: 600; */ font-size: .83rem; line-height: 1.375; letter-spacing: .05; word-spacing: -0.05em; word-wrap: break-word; word-wrap: break-word; hyphens: auto; text-align: justify; text-align-last: left; color: hsl(0 6% 6% / 1); } .header { width: 42%; display: block; top: 20px; /* left: 50%; */ transform: translate3d(-50%, 0, 0px); margin: 0 0 1.9rem 50%; } .logo--bottom { width: 30%; display: block; bottom: 0; position: absolute; left: 50%; transform: translate3d(-55%, -100%, 0px); } .montserrat-head { font-family: "Montserrat", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; } .montserrat-body { font-family: "Montserrat", serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; }