ਫਰਮਾ:Main Page/Header/styles.css
< ਫਰਮਾ:Main Page | Header
#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;
}
}