html {
    box-sizing: border-box;
}

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

:root {
    --btn-brdr-clr: #636c3c;
    --btn-brdr-width: 2px;
    --def-text-clr: #636C3C;
    --def-bg-clr: #636C3C;
    --def-bg-light: #79aa79;
    --clr-green: #a5d1a5;
    --clr-white: #faf0e6;
    --def-bg-clr: #636c3c;
    --bg-clr-green: #8ba87a;
    --bg-clr-green: #96b783;
    --bg-clr-green-dark: #79aa79;
    --bg-clr-red: #da8762;
    --bg-clr-red: #f87f5f;
    --bg-clr-yellow: #f4eaa1;
}

body {
    background-color: var(--def-bg-clr);
    margin: 0;
    padding: 0;
    font-family: 'Lora', serif;
    /*overflow-x: hidden;*/
}

.wrap {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

h2 {
    text-align: center;
    margin-top: 10px;
}