body {
    header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2.5% 1%;

        p {
            color: #FFFFFF;
        }

        #h-logoDiv {
            width: 15%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: left;
            text-decoration: none;

            #h-logo {
                aspect-ratio: 1/1;
                height: 90%;
                outline: none;
            }

            #h-logo-text {
                font-size: 1.5rem;
            }
        }

        #h-pageName {
            display: flex;
            align-items: center;
            justify-content: center;

            p {
                font-size: 1.5rem;
                font-weight: 700;
            }
        }

        #h-settings {
            width: 15%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: right;
            text-decoration: none;
            padding-right: 2.5%;

            #h-settingsIcon {
                aspect-ratio: 1/1;
                height: 40%;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: .65;

                img {
                    aspect-ratio: 1/1;
                    width: 95%;
                }
            }
        }
    }
}