@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Modak&display=swap');

body { color: #8A1618; background: #DFDFB8; }
body:before { content: ''; background-image: url('../imgs/pattern1.png'); background-size: auto; opacity: 0.1; }
body:before { background-image: url('../imgs/pattern2.png'); opacity: 1; }
body:before { background-image: url('../imgs/pattern3.jpg'); opacity: 1; }
@media only screen and ( max-width: 448px ) {
	body:before { background-size: 100% auto; }
}

#topbar { z-index: 2; }

#topbar #menu .menu_trigger,
#topbar #menu .menu_content { color: #DFDFB8; background: #8A1618; }

#topbar #menu .menu_trigger .menu_label, 
#topbar #menu .menu_content .menu_item { color: #DFDFB8; }
.line { stroke: #DFDFB8; }

#header .rrss .sm {  }
	#header .rrss .sm a { margin: 0px 10px 0px; }
	#header .rrss .sm a svg { width: 20px; height: 20px; }
	#header .rrss .sm a #Dribbble-Light-Preview { fill: #8A1618; }
	
	#Dribbble-Light-Preview { fill: #8A1618; }

.page h2 { color: #DFDFB8; font-family: Modak; font-weight: 400; z-index: 1; }
.page h2:not(.not-sticky) { color: #DFDFB8; }
.page h2:not(.not-sticky):before { background: #8A1618; }

.cat_image { max-width: 100%; }
.full_content { position: relative; margin-left: -13px; width: calc(100% + 26px); max-width: calc(100% + 26px); }
.next_to_title { margin-bottom: 20px; }