body {
		font-family: 'Gloria Hallelujah', cursive;
		font-weight: bolder;
		background-color:rgb(231, 229, 229);
		color: #333;
		font-size: large;
    }
	h1, h2, h3, h4, h5 { 
		font-family: 'Shadows Into Light', cursive;
		font-weight: bold;
		text-transform: capitalize;
	}
	a, .btn, button {
		/* font-family: 'Just Another Hand', cursive;  */
		font-family: 'Gloria Hallelujah', cursive;
		font-weight: bold;
		font-size: larger;
	}

	header .title { rotate: -13deg;}

    .sketch-box {
		border: 3px solid #000;
		border-radius: 10px;
		padding: 20px;
		margin-bottom: 20px;
		background-color:rgb(231, 229, 229);
		box-shadow: 4px 4px 0 #000;
    }

	.sketch-box .item h3 {
		text-decoration: underline;
	}

    .sketch-header {
		border-bottom: 3px dashed #000;
		margin-bottom: 1rem;
    }

    .sketch-nav a {
		text-decoration: none;
		color: #000;
		margin-right: 15px;
		border: 2px dashed #000;
		padding: 5px 10px;
		border-radius: 5px;
		background-color:rgb(231, 229, 229);
		display: inline-block;
    }

    .sketch-nav a:hover {
      background-color: #ddd;
    }

	.sketch-box.result h3{
		/* border-bottom:var(--bs-red) solid 2px; */
		position: relative;
		
		&::after {
			content: '';
			border-bottom: 2px solid var(--bs-black);
			display: block;
			width: 50%;
			height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
			border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
		}

		&::before {
			content: '';
			border-bottom: 4px solid var(--bs-red);
			display: block;
			width: 50%;
			height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0) scale(1.01) rotate(-1.5deg);
			border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
		}
	}

	hr {
		position: relative;
		border: none;
		height: 1.5em;
		background: transparent;
		margin: 1rem 0;
		opacity: 1;
		&::after,
		&::before {
			content: '';
			display: block;
			width: 50%;
			height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0);
			border-radius: 1% 1% 2% 4% / 2% 6% 5% 4%;
		}

		&::after {
			border-bottom: 2px solid var(--bs-black);
			transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(2.5deg);
		}

		&::before {
			border-bottom: 4px solid var(--bs-red);
			transform: translate3d(-50%, -50%, 0) scale(1.01) rotate(-2.5deg);
		}
	}

	.summary-list .current{
		border:var(--bs-red) solid 1px;
		border-radius: 40px;
		font-weight: bolder;
		filter: url('#wavy');
		/* padding: 4rem 8rem; */
		display: inline-block;
		border: 3px solid var(--bs-red);
		/* font-size: 2.5rem; */
		border-radius: 20% 60% 50% 40% / 20% 15% 20% 40%;
		text-transform: uppercase;
		letter-spacing: 0.3ch;
		position: relative;
		
		&::before {
			content: '';
			border: 2px solid var(--bs-black);
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate3d(-50%, -50%, 0) scale(1.015) rotate(0.5deg);
			border-radius: 20% 15% 20% 40% / 20% 60% 50% 40%;
		}
	}

    footer {
      border-top: 3px dashed #000;
      padding-top: 1rem;
      margin-top: 2rem;
      font-size: 0.9em;
      color: #555;
    }