
:root {
    --main-bg-color: #ccc;
    font-size: 100%; /* 1rem = 16px */
}

/* Reset */

body {
    font-weight: normal;
    font-style: normal;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body, h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

/* Code */

body {
    background-color: burlywood;
}
.wrapper {
  width: 100dvw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wrapper p {
    display: inline-block;
    font-size: 4rem;
    font-weight: 500;
}