body {
    margin: 0;
    display: flex;
    justify-content: center;

    background-color: #2F2E41;
    color: #FFFFFF;

    font-family: 'JetBrains Mono', monospace;
}

.page {
    width: 1100px;
    margin-top: 71px;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 100px;
}

nav a, footer a {
    color: #FFFFFF;
    text-decoration: none;

    font-size: 14px;
    line-height: 28px;
}

nav a:hover, footer a:hover {
    color: #C2C2C2;
}


ul {
    display: flex;
    gap: 64px;
}

ul li {
    list-style: none;
}


main {
    display: flex;
    justify-content: space-between;

    text-align: center;
}


section h1 {
    font-size: 36px;
    line-height: 40px;

    margin: 0 0 59px 0;
}

section h1 span, p span {
    color: #00BFA6;
}

section p {
    margin: 0 0 35px 0;
    color: #C2C2C2;
    font-family: 'Open Sans', sans-serif;

    width: 600px;
}


footer {
    margin-top: 185px;

    text-align: center;

    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
}


#linha {
    margin: 0 auto 27px;
    width: 568px;
    height: 1px;
    background-color: #00BFA6;
    
}

#cadeado {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 20px;
}