/* Reset */

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

* {
    margin: 0;
}

html,
body {
    height: 100%;
}

img,
picture {
    display: block;
    max-width: 100%;
}

/* Global */

html {
    font-size: 100%;
    --primary-bg-color: #3c3c3c;
    --secondary-bg-color: #444343;
    --accent-bg-color: #4b5054;
    --text-color: #fff;
    --accent-color: #e0b88b;
    --default-border-radius: 15px;
    scroll-behavior: smooth;
}

body {
    font: 300 1rem/1.8 "Poppins", sans-serif;
    background-color: var(--primary-bg-color);
    color: var(--text-color);
    letter-spacing: 0.0125rem;
    /* for the overlay */
    position: relative;
}

.center {
    margin: 0 auto;
    width:99%;
   text-align:center;
   }