:root {
--bg-color: #f4f4f4
}
body {
font-family: 'Nimbus Sans L', sans-serif;
background-color: var(--bg-color);
}
.navbar-brand {
width: 200px;
}
.offcanvas {
background-color: var(--bg-color);
}
.bau-mono {
font-family: 'NT Bau Mono', monospace, sans-serif;
}
.footer-row {
max-width: 1100px;
}
.footer-row img {
width: 60%;
}
@media (max-width: 767px) {
.footer-row {
flex-direction: column;
}
}
.offcanvas-header button {
border: none;
}
.white-header img {
filter: invert(1);
}
.white-header a,
.white-header span {
color: #fff !important;
}
.navbar-absolute {
position: absolute;
width: 100%;
}
header.with-navbar-absolute {
position: relative;
} .hiddenFadeIn {
opacity: 0;
filter: blur(5px);
transform: translatey(10%);
transition: all 1s;
}
.showFadeIn {
opacity: 1;
filter: blur(0);
transform: translatey(0);
}  .single-project-bg {
width: 100%;
height: 100vh;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.project-tag-ul{
list-style-type: none;
padding: 0;
margin: 0;
}
.project-tag-ul li {
display: inline-block;
padding: 0 5px 0 0;
}
.other-projects a{
text-decoration: none;
color: black;
}
.other-projects a:hover{
text-decoration: underline;
}
.article-h1{
font-size: 72px;
}
.article-title{
font-size: 35px;
}
.article-body p{
font-size: 27px;
}
.project-tag-ul{
font-size: 12px;
}
.tease-project img {
object-fit: cover;
object-position: center center;
aspect-ratio: 4 / 5;
width: 100%;
}
@media (max-width: 767px) {
.article-h1{
font-size: 40px;
}
.article-body p{
font-size: 22px;
}
}