blog/resources/sass/auth/login.scss

// 로그인
#loginForm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;

    a {
        text-decoration: none;
    }

    header {
        font-family: 'Open-Sans-Extrabold';
        font-size: 37px;
        font-weight: bolder;
        margin: 1.6rem 0;

        a {
            color: #d3d629;

            &:hover,
            &:focus {
                color: #a8aa2f;
            }
        }
    }

    main {
        max-width: 800px;
        padding: 10px;

        h5 {
            font-weight: bold;
            margin-bottom: 0.9rem;
        }

        form {
            div:last-child {
                ul {
                    margin-bottom: 0;

                    li {
                        margin-right: 0;

                        span {
                            display: inline-block;
                            margin: 0;
                            padding: 0;
                            width: 1px;
                            height: 11px;
                            background: #ced4da;
                            vertical-align: middle;
                        }

                        a {
                            color: #aaa;

                            &:hover,
                            &:focus {
                                color: #cbd5e0;
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }

        hr {
            margin: 0.5rem 0 0.9rem 0;
            border-color: #888;
        }

        footer {
            text-align: center;
            font-size: 11px;
            color: #6c6c6c;
        }
    }
}