body {
    font-family: Roboto;

    scroll-behavior: smooth;
    background-color: var(--bg-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Exo 2;
}

:root {
    --main-color: rgb(255, 48, 91);
    --bg-color: #151515;
    --second-color: #333;
}

.container {

    width: 80%;
    margin: auto;
}

section {
    padding: 40px 0px;
}

.title {
    text-align: center;
    width: fit-content;
    margin: auto;
    margin-bottom: 30px;
    color: #fff;
}

.title h2 {
    font-size: 40px;
    color: #fff;
}

.title .lines {
    margin-top: 10px;
    width: 100%;
    margin: auto;
}

.title .lines span {
    display: block;
    height: 2px;
    background-color: var(--main-color);
    margin: auto;
    width: 50%;
}

.title .lines span:nth-last-of-type(2) {
    margin: 5px auto;
    width: 100%;
}