* {
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-size: 100%;
			font-weight: normal;
		}

		body {
			display: flex;
			flex-direction: column;
  			justify-content: center;
			width: 100%;			
			height: 100vh;
			background-color: white;
			word-break: keep-all;
			line-height: 160%;
		    scroll-behavior: smooth;
		    max-width: 1200px;
		    margin: 0 auto;
		    border-right: 1px solid black;
		    border-left: 1px solid black;
		    overflow: hidden;
		}	

		h1, h2, nav {
			padding: 0px 10px;
			text-align: center;
			font-family: "Hahmlet", serif;
	  		font-optical-sizing: auto;
  			font-weight: 300;
			font-style: normal;
			font-size: 100%;
		}

		h3 {
			padding: 10px 0px 0px;
			margin: 10px 0px 0px;
			font-family: "Cormorant Garamond", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-size: 140%;
			line-height: 120%;
			text-align: center;
		}

		p {
			padding: 0px 10px;
			margin: 5px 0px 15px 0px;
			font-family: "Hahmlet", serif;
	  		font-optical-sizing: auto;
  			font-weight: 300;
			font-style: normal;
			font-size: 100%;
		}

		figcaption {
			margin: 6px 0px 0px;
			font-family: "Hahmlet", serif;
	  		font-optical-sizing: auto;
  			font-weight: 300;
			font-style: normal;
			font-size: 100%;
		}

		.text-center {
			text-align: center;
		}

		a {
			color: inherit;
			text-decoration: none;
		}

		a:visited {
			color: inherit;
			text-decoration: none;
		}

		a img {
			display: block;
		}

		article img {
			width: 100%;
			height: auto;
			mix-blend-mode: multiply;
		}

		summary {
			list-style: none;
			cursor: pointer;
		}

		nav {
			display: flex;
			justify-content: center;
			gap: 10px;
		}

		.introduction {
			font-family: "Hahmlet", serif;
	  		font-optical-sizing: auto;
  			font-weight: 300;
			font-style: normal;
			font-size: 100%;
			text-align: center;
		}

		.header {
			padding:3px 0px 5px 0px;
			position: sticky;
			top: 0;
			z-index: 999;
			background-color: white;
			overflow: visible;
			border-bottom: 1px solid black;
			flex-shrink: 0px;
		}

		.header_top {
			padding:3px 0px 5px 0px;
			position: sticky;
			top: 0;
			z-index: 1000;
			background-color: white;
			overflow: visible;
			border-bottom: 1px solid black;
			flex-shrink: 0px;
		}

		.footer {
 			padding: 6px 0px 10px 0px;
			position: sticky;
			bottom: 0;
			z-index: 1000;
			background-color: white;
			border-top: 1px solid black;
		}

		.container {
			display: grid;     
  			grid-template-columns: 1fr 1fr;
 			min-height: 0;
			flex: 1;
			overflow: hidden;
			background-color: white;
		}

		.section_left {
			display: flex;
  			flex-direction: column;
  			justify-content: flex-start;
  			padding: 0;
  			margin: 0;
 			min-height: 0;
		  	overflow-y: auto;
		  	border-right: 1px solid black;
		}

		.section_right {
			display: flex;
  			flex-direction: column;
  			justify-content: flex-start;
  			padding: 0;
  			margin: 0;
 			min-height: 0;
		  	overflow-y: auto;
		}

		.section_bottom {
			position: relative;
		}

		.section_icons {
			margin: 0px 0px 5px;
			padding: 70px 0px 40px;
			position: absolute;
			bottom: 100%;
			width: 100%;
			display: flex;
 			flex-wrap: wrap;
 			justify-content: center;
 			align-content: center;
			gap: 25px;
			background: white;
			border-top: 1px solid black;
		}

		.icon {
			width: 100px;
  			text-align: center;
  			cursor: pointer;
		}

		.icon img {
			width: 100px;
			height: 100px;
  			text-align: center;
  			cursor: pointer;
  			border-radius: 2px;
		}

		.embededsite {
			flex: 1;
			width: 100%;
			padding: 0px;
			margin: 0px;
			border: none;
		}

		.strike {
			text-decoration: line-through;
			color: gray;
		}

		@media (max-width: 600px) {
			body {
				height: 100dvh;
			}	

			.container {
				display: grid;     
	  			grid-template-columns: 1fr;
	  			grid-template-rows: 1fr 1fr;
	 			min-height: 0;
				flex: 1;
				overflow: hidden;
				background-color: white;
			}

			.section_left {
				display: flex;
	  			flex-direction: column;
	  			justify-content: flex-start;
	  			padding: 0;
	  			margin: 0;
	 			min-height: 0;
				overflow: hidden;
			  	border-right: none;
			  	border-bottom: 1px solid black;
			}

			.section_right {
				display: flex;
	  			flex-direction: column;
	  			justify-content: flex-start;
	  			padding: 0;
	  			margin: 0;
	 			min-height: 0;
				overflow: hidden;
			}

			.section_mobile_contents {
			    display: flex;
    			flex-direction: column;
    			overflow-y: auto;
			}

			.section_mobile_img {
				display: flex;
	  			flex-direction: row;
				justify-content: flex-start;
  				gap: 0px;
	  			padding: 0;
	  			margin: 0;
	 			min-height: 0;
	 			height:100%;
			  	overflow-x: auto;
			}

			.section_mobile_img figure {
				height: 100%;
				margin: 0;
				flex-shrink: 0;
			}

			article img {
			    height: 100%;
	 			width: auto;
	 			flex-shrink: 0;
			}
			
		}