ਫਰਮਾ:Main Page/Header/styles.css

#header {
	padding:0;
}
#headerContent {
                border: 1px solid #5090c0;
                border-radius: 10px;
                padding: .5rem;
                text-align: center;
            }

            #imgDiv {
                display: none;
            }

            #heading {
                font-size: 1.5rem;
            }

            #heading span {
                color: #5090c0;
                font-size: 2rem;
            }

            #subHeading {
                margin: .3rem 0;
            }

            #subHeading span {
                font-weight: bold;
                margin: 0 .3rem;
            }

            .line {
                border-bottom: 1px solid #5090c0;
                width: 80%;
                margin: auto;
            }

            #stats {
                margin: .5rem;
            }

            #headerLinks {
                display: flex;
                flex-direction: row;
                justify-content: center;
                gap: 1.5rem;
            }

            #headerLinks a {
                padding: .3rem .5rem;
                border-radius: 7px;
                background-color: #5090c0;
                color: white;
                text-decoration: none;

            }

            #headerLinks a:hover {
                background-color: #20435d;
                color: white;
            }

            /* desktop styles */

            @media only screen and (min-width:700px) {

                #imgDiv {
                    display: initial;
                }

                #imgDiv img {
                    object-fit: cover;
                    width: 150px;
                }

                #headerContent {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                }

                #headerLinks {
                    flex-direction: column;
                    margin-right: 2rem;
                }
                
                #textDiv {
                	display: flex;
                	flex-direction:column;
                }

                
            }