*, *::before, *::after {
			box-sizing: border-box;
		}

		:root {
			font-family: 'Verdana', sans-serif;
			font-size: clamp(12px , 3.3vw, 16px);
			line-height: 1.4;
			/* background-color: #ffffff; */
			color: #333333;
			scroll-behavior: smooth;
		}

		@font-face {
			font-family: overskrift;
			/* src: url(overskrift_BrushScriptMtRegular.ttf); */
			src: url(overskrift_Chaucer.ttf);
		}


		body {
			margin: 0;
			padding: 0;
			background: #ffffff;
			background: linear-gradient(100deg, rgba(255, 255, 255, 1) 0%, rgba(235, 247, 255, 1) 100%);
		}

		.main {
			margin: 1rem;
			margin-top: clamp(1rem, 6.6vw - 1rem, 2.5rem);
		}

		@media only screen and (min-width: 788px) {
			.main {
				width: 790px;
				padding: 2.25rem 1rem;
				margin: 2.25rem auto;
				background-color: white;
				border: 1px solid transparent;
				box-shadow:
					0 0 8px #00000020,
					2px 2px 6px #aaaac980;

			}
		}


		header {
			text-align: center;
		}
		.imghead_top {
			width: 50%;
			max-width: 245px;
			margin: 0 auto;
		}
		h1.overskrift {
			all: initial;
			font-family: overskrift, "Brush Script MT", fantasy;
			color: inherit;
			font-size: 4rem;
			/* filter:drop-shadow(2px 2px 2px #00000080); */
			text-shadow:
				0 0 5px #8080ff,
				2px 2px 2px #00000080;
		}
		h2 {
			font-size: 1.5rem;
			font-weight: bold;
			margin: 1.2rem 0 .5rem 0;
		}
		a, a:link, a:visited, a:active {
			color: #5b5bcc;
			text-shadow: 0 0 5px #00ff0080;
			&:hover, &:focus {
				color:#ff0000;
				text-shadow: none;
			}
		}
		a.contact {
			all: initial;
			visibility: hidden;
		}
		a.menu {
			text-shadow: none;
		}

		p {
			text-wrap: pretty;
			margin: .4rem 0 1rem 0;
		}

		nav {
			margin 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 15px;
			text-align:center;
			& figure {
				margin: 1rem 0;
				padding: 0 3rem ;
			}
		}

		footer {
			display: flex;
			justify-content: space-around;
			align-items: center;
			font-size: 80%;
			margin-top: 2rem;
			padding: 1rem;
			border-top:1px solid #808080;
		}

		.sep {
			text-align: center;
			margin: 2rem auto;
			width: 75%;
			height: 5px;
			border-top: 1px solid #808080;
		}

		img.insert {
			border: 1px solid #808080;
			border-radius: 3px;
			box-shadow: 1px 1px 3px #000000a5;
		}

		blockquote {
			margin: 0;
			font-family:'Times New Roman', Times, serif;
			font-size: 110%;
			font-style: italic;
		}


		.limg {
			float: left;
			margin: .4rem .7rem .4rem 0;
		}
		.rimg {
			float: right;
			margin: .4rem 0 .4rem .7rem;
		}