<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * Custom CSS - www.studiovanzwet.nl
 * 
 *     (  )   (   )  )
 *      ) (   )  (  (
 *      ( )  (    ) )
 *      _____________
 *     &lt;_____________&gt; ___
 *     |             |/ _ \
 *     |               | | |
 *     |               |_| |
 *  ___|             |\___/
 * /    \___________/    \
 * \_____________________/
 * 
 * Let's turn coffee (or another beverage) into website code.
 *
 */

body.svz {background-color: #e0dcce; font-family: 'Roboto', sans-serif;}



.svz .bg-taupe {background-color: #e0dcce;}
.svz .navbar-toggler {border: none; color: #a55a50;}

.svz .signatuur {filter: invert(38%) sepia(26%) saturate(998%) hue-rotate(319deg) brightness(99%) contrast(83%);}

.svz .redbg {background-color: #a55a50; color: #FFF;}
.svz .redbg a {color: #fff; text-decoration: none; cursor: pointer;}
.svz .blackbg {background-color: #000; color: #FFF;}
.svz .blackbg a {color: #fff; text-decoration: none; cursor: pointer;}

.svz .fa-3x {
font-size: 3em;
}

.svz .navbar-brand {
position: relative;
left: 50%;
display: block;
transform: translateX(-50%);
width: 131.4px;
height: 97.8px;
}

/* slidein text */
.svz .slidecontainer {
  position: relative;
  width: 100%;
 height: auto;
}

.svz .flipimage {
  display: block;
  width: 100%;
  height: auto;
}

.svz .overlay {
  position: absolute;
  bottom: 0;
  left: 100%;
  right: 0;
  background-color: #a55a50;
  overflow: hidden;
  width: 0;
  height: 100%;
  transition: .5s ease;
}

.svz .slidecontainer:hover .overlay {
  width: 100%;
  left: 0;
}

.svz .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.img-responsive {width: 100%; height: auto;}

/* ---- isotope ---- */

.svz .col-6, .svz .col-xl-4, .svz .col-xxl-3 {padding: 0;}
</pre></body></html>