WebisteDLH/wwwroot/css/demos/demo-personal-portfolio-2.css

111 lines
2.0 KiB
CSS

.custom-perspective {
perspective: 1000px;
}
.custom-available-bullet {
padding-left: 18px;
position: relative;
}
.custom-available-bullet:before {
animation: blinker 1s linear infinite;
content: '';
position: absolute;
width: 12px;
height: 12px;
top: 3px;
left: 0;
display: block;
border-radius: 100%;
background-color: #39b54a;
}
@keyframes blinker {
50% {
opacity: 0.4;
}
}
.custom-hero-font-1 {
font-size: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
line-height: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
text-transform: uppercase;
}
.custom-border-bottom-1 {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.custom-border-bottom-2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.custom-hero-text-1 {
padding: 0 0 0 15px;
display: block;
max-width: 430px;
font-size: 20.8px;
font-size: 1.3rem;
line-height: 1.7;
margin: 0;
}
@media (max-width: 1200px) {
.custom-hero-text-1 {
font-size: 1rem;
}
}
@media (max-width: 991px) {
.custom-hero-text-1 {
max-width: 95%;
}
}
.custom-stroke-text-effect-1 {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1.5px;
-webkit-text-stroke-color: #1c1c1c;
white-space: nowrap;
}
.custom-stroke-text-effect-2 {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #FFF;
white-space: nowrap;
}
.custom-hero-img-1 {
max-width: 100px;
max-height: 100px;
margin: 15px;
}
.custom-footer-font-1 {
font-size: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
line-height: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
text-transform: uppercase;
}
.custom-footer-font-1 em {
padding: 0 40px;
border-radius: 20px;
font-style: normal;
zoom: 0.52;
position: relative;
top: -40px;
}
.custom-footer-img-1 {
max-width: 100px;
max-height: 100px;
margin: 15px;
}
@media (max-width: 991px) {
.custom-disable-scroll-mobile-1 {
transform: none !important;
}
}