Link to article: 9000contestseekgull-1.
.doc img {
width: 100%;
height: 100%;
object-fit: cover;
}
.doc {
width: 100vw;
height: 100vh;
margin: 0;
padding: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: -1;
pointer-events: none;
user-select: none;
opacity: 0.6;
}
.weathered {
-webkit-mask-image: linear-gradient(
to bottom,
rgba(0,0,0,1) 0%,
rgba(0,0,0,0.5) 10%,
rgba(0,0,0,0.05) 25%,
rgba(0,0,0,0.05) 75%,
rgba(0,0,0,0.5) 90%,
rgba(0,0,0,1) 100%
);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-image: linear-gradient(
to bottom,
rgba(0,0,0,1) 0%,
rgba(0,0,0,0.5) 10%,
rgba(0,0,0,0.05) 25%,
rgba(0,0,0,0.05) 75%,
rgba(0,0,0,0.5) 90%,
rgba(0,0,0,1) 100%
);
mask-repeat: no-repeat;
mask-size: 100% 100%;
color: black;
}
.bigtext {
position: absolute;
top: 9.5%;
left: 50%;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: white;
z-index: 1;
font-weight: bold;
}
.bigtext2 {
position: absolute;
top: 28%;
left: 50%;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: white;
z-index: 1;
font-weight: bold;
}
.bigtext3 {
position: absolute;
top: 47.5%;
left: 50%;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: white;
z-index: 1;
font-weight: bold;
}
.bigtext4 {
position: absolute;
top: 68%;
left: 50%;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: white;
z-index: 1;
font-weight: bold;
}
.bigtext5 {
position: absolute;
top: 83%;
left: 50%;
transform: translateX(-50%);
width: 80%;
text-align: center;
font-size: 30px;
line-height: 1.5em;
color: white;
z-index: 1;
font-style: italic;
text-decoration: underline;
font-weight: bold;
}
.note img {
position: absolute;
right: 26%;
z-index: 3;
width: 18%;
height: auto;
cursor: pointer;
top: 79.5%;
}
@media screen and (max-width: 768px) {
.note img {
right: 6%;
top: 82.5%;
width: 45%;
}
.bigtext {
top: 7.3%;
}
.bigtext2 {
top: 24%;
}
.bigtext3 {
top: 44.5%;
}
.bigtext4 {
top: 69%;
}
.bigtext5 {
top: 85%;
}
}
.note, .note * {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.bigtext5 a:hover {
color: #ff0000 !important;
}
color:#ffffff;
estrella-paper
weathered
bigtext
estrella-paper
weathered
bigtext2
estrella-paper
weathered
bigtext3
estrella-paper
weathered
bigtext4
estrella-paper
weathered
bigtext5
note
doc