$background-color: #c7c7c7;
$primary-color: #333;
$secondary-color: #d11414;
$text-color: #123455;

body {
    font-family: sans-serif;
    background-color: $background-color;
    header {
        nav {
            ul {
                display: flex;
                list-style: none;
                gap: 1em;
                li {

                }
            }
            a {
                &:hover {}
            }
        }
    }

    main {
        display: flex;
        flex-direction: column;
        text-align: center;
        h1 {}

        p {}
        img {
            width: 20em;
            border-radius: 50%;
        }
    }


    footer {
        text-align: center;
        // background: #eee;
        padding: 1em;
    }
}