81 lines
1.2 KiB
CSS
81 lines
1.2 KiB
CSS
body {
|
|
background-image: url("/images/background.jpg");
|
|
background-size: cover;
|
|
background-position: center;
|
|
height: 100vh;
|
|
}
|
|
|
|
.nav-link {
|
|
font-family: 'Jost', sans-serif;
|
|
font-size: 24px;
|
|
margin-right: 25px;
|
|
color: white !important;
|
|
}
|
|
|
|
.nav-link:hover{
|
|
color: #79584c !important;
|
|
}
|
|
|
|
.nav-item svg path {
|
|
transition: fill .4s;
|
|
}
|
|
|
|
.nav-item:hover svg path {
|
|
fill: #79584c;
|
|
}
|
|
|
|
.display-4 {
|
|
color: #FFF;
|
|
font-family: 'Source Serif 4';
|
|
font-size: 96px;
|
|
font-style: normal;
|
|
margin-top: 100px;
|
|
}
|
|
|
|
blockquote {
|
|
color: white;
|
|
font-family: 'Source Serif 4';
|
|
text-align: right;
|
|
font-size: 24px;
|
|
margin-top: 30px;
|
|
}
|
|
|
|
blockquote footer {
|
|
color: white !important;
|
|
font-family: 'Source Serif 4';
|
|
text-align: right;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.footer {
|
|
font-family: 'Jost', sans-serif;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
padding: 5px 0;
|
|
background-color: #452A21 !important;
|
|
z-index: 999;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.nav-link {
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.display-4 {
|
|
font-size: 36px;
|
|
margin-top: 50px;
|
|
}
|
|
|
|
blockquote {
|
|
font-size: 18px !important;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
blockquote footer {
|
|
font-size: 18px;
|
|
}
|
|
}
|