:root {
    --thm-font: 'DM Sans', sans-serif;
    --thm-font-2: 'Abril Fatface', cursive;
    --thm-gray: #6b767b;
    --thm-black: #1d2f38;
    --thm-black-rgb: 29, 47, 56;
}

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}


*::-moz-selection {
    background: var(--thm-black);
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: var(--thm-black);
    color: #fff;
    text-shadow: none;
}

::selection {
    background: var(--thm-black);
    color: #fff;
    text-shadow: none;
}


*::placeholder {
    color: #555555;
    opacity: 1;
}

*::-moz-placeholder {
    color: #555555;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #555555;
    opacity: 1;
}

html,
body {
    height: 100%;
}

body {
    color: var(--thm-gray);
    font-size: 18px;
    line-height: 34px;
    font-weight: 400;
    font-family: var(--thm-font);
}

button:focus {
    outline: none;
}

button {
    cursor: pointer;
    border: none;
    background: transparent;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--thm-black);
    font-weight: 700;
    line-height: 1.25em;
    font-family: var(--thm-font-2);
    margin: 0;
}

h3 {
    font-size: 24px;
    font-weight: 400;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
    transition: .4s;
    -webkit-transition: all .4s ease-in-out;
}

textarea:focus {
    outline: none;
}

img {
    max-width: 100%;
    height: auto;
    transition-delay: .1s;
    transition-timing-function: ease-in-out;
    transition-duration: .7s;
    transition-property: all;
}

i {
    font-style: normal;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol,
li {
    margin: 0;
    padding: 0;
}