@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&family=Syne:wght@400..800&display=swap');
    #mb__slug *,
	#mb__slug *::after,
	#mb__slug *::before {
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	  
	#mb__slug {
        --inter: Inter, monospace;
        --brico: "Bricolage Grotesque", monospace;
        --syne: Syne, monospace;
        --space: "Space Grotesk", monospace;
        --clr: darkgray;
        --fs: 13px;
        --fw: 400;
        width: 100%;
        display: grid;
        grid-template: 1fr / 1fr 1fr; /* rows / cols */
    }
    #mb__slug .mb__copyright,
    #mb__slug .mb__copyright a {
        font-family: var(--inter);
        color: var(--clr);
        font-size: var(--fs);
        font-weight: var(--fw);
		color: var(--clr);
    }
	#mb__slug .mb__copyright svg {
		transform: scale(0.66);
		margin-bottom: -7px;
	}
	#mb__slug .mb__mightybit {
        justify-self: end;  
	} 
    #mb__slug .mb__mightybit,
	#mb__slug .mb__mightybit a {
        font-family: var(--brico);
        color: var(--clr);
        font-size: var(--fs);
        font-weight: var(--fw);
        align-self: end;
	}
 	#mb__slug .mb__mightybit a {
        text-decoration: none;
	}
	#mb__slug .mb__mightybit svg {
        margin-bottom: -4px;
    }

	.link-effect {
	 	position: relative;
	}
	.link-effect::before {
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		border-radius: 1px;
		background-color: var(--clr);
		bottom: -3px;
		left: 0;
		transform-origin: right;
		transform: scaleX(0);
		transition: transform 200ms ease-in-out;
	}
	.link-effect:hover::before,
	.link-effect:focus::before {
		transform-origin: left;
		transform: scaleX(1);
	}

	@media screen and (max-width: 767px) {
		#mb__slug .mb__copyright {
			width: 24ch;
		}
	}
	@media screen and (max-width: 478px) {
		#mb__slug {
			grid-template: 1fr 1fr / 1fr /* rows / cols */
		}
		#mb__slug .mb__mightybit {
	  		justify-self: start;  
		} 
	}