:root {
    --black: #000;
    --beige: #d4c7b1;
    --brown: #504128;
    --overlay: #ffffff93;
}
  
html{
    box-sizing: border-box;
    font-size: 62.5%;
    scroll-behavior: smooth;
    width: 100dvw;
}

body{
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    background-color: #f1f5f8;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-wrap: balance;
}

main {
    width: 100dvw;
    /* min-height: 100svh; */
}

/* Starting of Header CSS */

.headingSpacer {
    height: 70px;
}