.first {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--design);
    flex-direction: column;
}

.first ul {
    list-style: none;
}

.first ul li {
    color: var(--ok);
    padding: 0 120px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 20px;
    margin-bottom: 15px;
}

.first ul li span {
    color: var(--common);
}

.first h1 {
    color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: xx-large;
    margin-bottom: 12px;
    text-align: center;
    text-shadow: 5px 3px 8px var(--design);
    margin: 12px;
}

.first p {
    color: var(--ok);
    padding: 0 120px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 20px;
    margin-bottom: 42px;
    text-align: center;
}

.second {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--design);
    flex-direction: column;
}

.second h1 {
    color: red;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: xx-large;
    margin-bottom: 12px;
    text-align: center;
    text-shadow: 5px 3px 8px var(--design);
    margin: 12px;
}

.second p {
    color: var(--ok);
    padding: 0 120px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size: 20px;
    margin-bottom: 42px;
    text-align: center;
}


@media screen and (max-width:1300px) {

    .first p {
        padding: 0px 22px;
        font-size: 14px;
    }

    .first ul li {

        padding: 0px 45px;
    }
}