/*<meta conditions="General.ImportOnly" />*/

@import url('TopicStyles.css');

@font-face 
{
	font-family: Roboto;
	src: url(../Fonts/Roboto/Roboto-Regular.ttf);
	/*font-family: 'Overpass';
	src: url(../Fonts/Overpass/Overpass-VariableFont_wght.ttf);*/
}

:root	/* This lets us use variables to style easily across the project. It takes the format of var(--example) to replace anything we use a lot eg "var(--grellow)" can be used instead of #D7DF23) */
{
	/* Colours */
	--grellow: #D7DF23;
	
	--housePurple: #582D87;
	--contrastPurple: #C7B7D5;
	
	--houseBlue: #09A9E0;	
	--linkBlue: #076685;
		
	--bgGrey: #f6f6f6;
}

#mc-main-content
{
	width: unset;
	max-width: unset;
	margin: auto;
	padding-left: 16px;
}

.body-container > div:nth-child(1)
{
    padding-right: 16px;
}