55 lines
1.1 KiB
CSS
55 lines
1.1 KiB
CSS
.watermark {
|
|
z-index: 5;
|
|
margin-top: 30px;
|
|
background-color: rgb(222, 237, 100);
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
line-height: 1rem;
|
|
letter-spacing: -1px;
|
|
color: rgb(37, 79, 26);
|
|
padding: 10px;
|
|
}
|
|
|
|
.watermarkName {
|
|
display: block;
|
|
}
|
|
|
|
.watermarkContent {
|
|
display: flex;
|
|
}
|
|
|
|
.watermarkText {
|
|
width: 45vw;
|
|
margin-top: 10px;
|
|
font-size: 5.5vw;
|
|
line-height: 33px;
|
|
}
|
|
|
|
/* Media query for desktop */
|
|
@media (min-width: 768px) { /* Adjust the min-width as needed */
|
|
.watermark {
|
|
z-index: 5;
|
|
margin-top: 30px;
|
|
background-color: rgb(222, 237, 100);
|
|
font-weight: 700;
|
|
font-size: 15px;
|
|
line-height: 1rem;
|
|
letter-spacing: -1px;
|
|
color: rgb(37, 79, 26);
|
|
padding: 10px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.watermarkText {
|
|
width: 25vw;
|
|
margin-top: 10px;
|
|
font-size: 3vw;
|
|
line-height: 34px;
|
|
}
|
|
}
|
|
|
|
.watermarkFooter {
|
|
margin-top: 8px;
|
|
} |