93 lines
1.2 KiB
CSS
Raw Normal View History

2023-10-26 23:47:49 +04:00
:root::-webkit-scrollbar {
display: none;
}
:root {
-ms-overflow-style: none;
scrollbar-width: none;
}
@font-face {
font-family: Candara;
src: url("../fonts/Candara/candara-light.ttf");
}
@font-face {
font-family: Carattere;
src: url("../fonts/Carattere/Carattere-Regular.ttf");
}
* {
font-family: Candara;
}
header,
footer {
background-color: #3C2C72;
color: white;
}
.navbar-brand {
color: #ffffff;
}
.navbar-brand:hover {
color: #ffffff;
}
.navbar-brand img {
height: 40px;
}
.nav-link {
color: white;
}
.nav-link:hover {
color: rgb(251, 158, 149);
}
a {
text-decoration: none;
color: black;
}
a:hover {
cursor: pointer;
color: black;
}
#main-page {
background-image: url("../img/barbie_big.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(0, 0, 0, 0.6);
background-blend-mode: multiply;
}
.promo-text-block {
color: white;
}
.promo-text-block .promo-top,
.promo-bottom {
font-size: 36px;
}
.promo-text-block .promo-middle {
font-family: Carattere;
font-size: 160px;
}
@media screen and (max-width: 576px) {
.promo-text-block .promo-top,
.promo-bottom {
font-size: min(10vw, 36px);
}
.promo-text-block .promo-middle {
font-size: min(20vw, 160px);
}
}