html, body {line-height: 1.4;}
#yw-topnav {
.navbar-brand img {
#yw-topnav .btn.btn-default {
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
:root {
h1 {
h2 {
h3,h4,h5,h6 {
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
.youtube-video-container {
.youtube-video-container::after {
.youtube-video-container iframe {
#yw-topnav {
- border-bottom: 2px solid var(--secondary-color-1);
- box-shadow: 0 1px 10px rgba(15,0,0,.4);
.navbar-brand img {
- width:45px;
- border-radius:50%
#yw-topnav .btn.btn-default {
- background: var(--navbar-bg-color) !important;
- color: var(--navbar-link-color) !important;
- border: 2px solid rgb(51,51,51);
#yw-topnav .btn.btn-default:hover,
#yw-topnav .btn.btn-default:focus {
- background: var(--secondary-color-2) !important;
- color: var(--navbar-bg-color) !important;
- border: 2px solid var(--primary-color);
:root {
- -main-text-fontsize: 21px;
- -main-text-fontfamily: 'EB Garamond', serif;
- -main-title-fontfamily: Quicksand, sans-serif;
- -navbar-bg-color: #fff;
- -navbar-text-color: #333;
- -navbar-link-color: #333;
- -navbar-link-bg-color: transparent;
- -navbar-link-hover-color: #41489d;
h1 {
- letter-spacing: initial;
- font-weight: 900;
- color:var(--secondary-color-1)
h2 {
- font-weight: 700;
- color:var(--secondary-color-1)
h3,h4,h5,h6 {
- font-weight: 500;
- color:var(--secondary-color-1)
br + h1,br + h2,br + h3,br + h4,br + h5, br + h6 {
- margin-top: 0;
.youtube-video-container {
- position: relative;
- overflow: hidden;
- width: 100%;
.youtube-video-container::after {
- display: block;
- content: "";
- padding-top: 56.25%;
.youtube-video-container iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
Commentaires