body>nav ul:first-of-type li {
    padding: 10 0 0 0;
}

body {
    background-color: #f7f6fe;
}

.grid-bg {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(15 23 42 / 0.04)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
    background-position: bottom 1px center;
    background-repeat: repeat;
    mask-image: linear-gradient(to bottom, transparent, black, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, black, transparent);
    position: absolute;
    inset: 0;
}

.strokes-bg {
    background-image: url("bg.jpg");
    background-size: 150rem;
}

footer {
    background-color: #11191f;
}

footer>div p{
    font-size: medium;
}

.rel {
    position: relative;
}

.hero {    
    padding-bottom: 2rem;
    padding-top: 8rem;
    position: relative;
    z-index: 1;
}

.hero-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}