/* Webfont: ConfigRounded-Regular */@font-face {
	font-family: 'ConfigRounded';
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Regular.eot'); /* IE9 Compat Modes */
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Regular.woff') format('woff'), /* Modern Browsers */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Regular.svg#ConfigRounded-Regular') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: ConfigRounded-Italic */@font-face {
	font-family: 'ConfigRounded';
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Italic.eot'); /* IE9 Compat Modes */
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Italic.woff') format('woff'), /* Modern Browsers */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Italic.svg#ConfigRounded-Italic') format('svg'); /* Legacy iOS */
	font-style: italic;
	font-weight: normal;
	text-rendering: optimizeLegibility;
}

/* Webfont: ConfigRounded-Bold */@font-face {
	font-family: 'ConfigRounded';
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Bold.eot'); /* IE9 Compat Modes */
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Bold.woff') format('woff'), /* Modern Browsers */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-Bold.svg#ConfigRounded-Bold') format('svg'); /* Legacy iOS */
	font-style: normal;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}
	
/* Webfont: ConfigRounded-BoldItalic */@font-face {
	font-family: 'ConfigRounded';
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-BoldItalic.eot'); /* IE9 Compat Modes */
	src: url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-BoldItalic.woff') format('woff'), /* Modern Browsers */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-BoldItalic.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('https://metenamesa.pt/fonts/Config Rounded/ConfigRounded-BoldItalic.svg#ConfigRounded-BoldItalic') format('svg'); /* Legacy iOS */
	font-style: italic;
	font-weight: bold;
	text-rendering: optimizeLegibility;
}

html{
	touch-action: pan-x pan-y; /* no zoom on iOS */
	-webkit-text-size-adjust: none;
}

body{
	touch-action: pan-x pan-y; /* no zoom on iOS */
	margin: 0 auto;
	font-family: 'ConfigRounded', sans-serif;
	color: #000;
}

.forcetxt_normal{
	font-weight: normal !important;
	display: inline;
}

.container{
	display: flex;
	flex-direction: column;
	justify-content: start;
	margin: 0 auto;
	padding: 0 10px;
	max-width: 420px;
	min-height: calc(100vh - 110px);
}

.head-logo{
	height: 128px;
	background-image: url("https://metenamesa.pt/images/logo.png");
	background-repeat: no-repeat;
	background-size: 128px;
	background-position: 50%;
	animation: shake 2s;
	animation-iteration-count: 1;
	animation-delay: 0.5s;
}

@keyframes shake {
	10% { transform: rotate( 0deg) scale(1.00); }
	20% { transform: rotate( 0deg) scale(1.25); }
	30% { transform: rotate( 2deg) scale(1.25); }
	40% { transform: rotate(-4deg) scale(1.25); }
	50% { transform: rotate( 4deg) scale(1.25); }
	60% { transform: rotate(-4deg) scale(1.25); }
	70% { transform: rotate( 4deg) scale(1.25); }
	80% { transform: rotate(-4deg) scale(1.25); }
	90% { transform: rotate( 2deg) scale(1.25); }
	100% {transform: rotate( 0deg) scale(1.00); }
}

.head-title{
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	animation-delay: 0.5s;
	transition: 300ms;
}

.head-subtitle{
	text-align: center;
	font-size: 18px;
	animation-delay: 0.5s;
	transition: 300ms;
}

.content-section{
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin: 0 10px;
}

.category-title{
	margin: 35px 0 5px 0;
	font-size: 20px;
	font-weight: bold;
	animation-delay: 0.5s;
	transition: 300ms;
}


.content-links{
	display: flex;
	flex-direction: column;
}

.podcast-links{
	color: #000;
	display: flex;
	flex-direction: row;
	flex-grow: 1;
	justify-content: center;
	margin: 0;
	gap: 10px;
}

.content-links a:link, .content-links a:active, .content-links a:visited{
	background-color: #d4aa00;
	padding: 10px;
	margin: 4px 0;
	border-radius: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	transition: 300ms;
}

.content-links a:hover{
	background-color: #000;
	box-shadow: rgba(0,0,0,0.5) 0 3px 3px;
	transition: 100ms;
	transform: scale(1.05);
}

.podcast-links a:link, .podcast-links a:active, .podcast-links a:visited{
	background-color: #d4aa00;
	padding: 7px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	transition: 300ms;
	flex-grow: 1;
	height: 1.2em;
}

.podcast-links a:hover{
	background-color: #000;
	box-shadow: rgba(0,0,0,0.5) 0 3px 3px;
	transition: 100ms;
	transform: scale(1.05);
}

.icon-left{
	background-size: 20px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}

.icon-center{
	background-size: 20px;
	background-position: 50%;
	background-repeat: no-repeat;
}

.icon-youtube{
	background-image: url("https://metenamesa.pt/images/icons/white/youtube.svg");
}

.icon-twitch{
	background-image: url("https://metenamesa.pt/images/icons/white/twitch.svg");
}

.icon-instagram{
	background-image: url("https://metenamesa.pt/images/icons/white/instagram.svg");
}

.icon-facebook{
	background-image: url("https://metenamesa.pt/images/icons/white/facebook.svg");
}

.icon-mastodon{
	background-image: url("https://metenamesa.pt/images/icons/white/mastodon.svg");
}

.icon-discord{
	background-image: url("https://metenamesa.pt/images/icons/white/discord.svg");
}

.icon-telegram{
	background-image: url("https://metenamesa.pt/images/icons/white/telegram.svg");
}

.icon-threads{
	background-image: url("https://metenamesa.pt/images/icons/white/threads.svg");
}

.icon-email{
	background-image: url("https://metenamesa.pt/images/icons/white/email.svg");
}

.icon-android{
	background-image: url("https://metenamesa.pt/images/icons/white/android.svg");
}

.icon-marcador{
	background-image: url("https://metenamesa.pt/images/icons/white/marcador.svg");
}

.icon-rss{
	background-image: url("https://metenamesa.pt/images/icons/white/rss.svg");
}

.icon-applepodcasts{
	background-image: url("https://metenamesa.pt/images/icons/white/applepodcasts.svg");
}

.icon-googlepodcasts{
	background-image: url("https://metenamesa.pt/images/icons/white/googlepodcasts.svg");
}

.icon-spotify{
	background-image: url("https://metenamesa.pt/images/icons/white/spotify.svg");
}

.icon-amazonpodcasts{
	background-image: url("https://metenamesa.pt/images/icons/white/amazonpodcasts.svg");
}

.icon-kofi{
	background-image: url("https://metenamesa.pt/images/icons/white/kofi.svg");
}

.icon-bgg{
	background-image: url("https://metenamesa.pt/images/icons/white/bgg.svg");
}

.icon-merch{
	background-image: url("https://metenamesa.pt/images/icons/white/merch.svg");
}

footer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.8em;
	text-align: center;
	background-color: #000;
	color: #fff;
	padding: 15px 0;
	margin: 50px auto 0 auto;
	height: 30px;
}

/*  DARK MODE  */

@media (prefers-color-scheme: dark){
	body{
		color: #161616;
		background-color: #161616;
	}

	.head-title, .head-subtitle{
		color: #fff;
	}

	.category-title{
		color: #fff;
	}

	.content-links a:link, .content-links a:active, .content-links a:visited{
		color: #161616;
	}

	.content-links a:hover{
		background-color: #fff;
		color: #161616;
	}

	.podcast-links a:link, .podcast-links a:active, .podcast-links a:visited{
		background-color: #d4aa00;
		color: #161616;
	}

	.podcast-links a:hover{
		background-color: #fff;
		color: #161616;
	}

	.icon-youtube{
		background-image: url("https://metenamesa.pt/images/icons/dark/youtube.svg");
	}

	.icon-twitch{
		background-image: url("https://metenamesa.pt/images/icons/dark/twitch.svg");
	}

	.icon-instagram{
		background-image: url("https://metenamesa.pt/images/icons/dark/instagram.svg");
	}

	.icon-facebook{
		background-image: url("https://metenamesa.pt/images/icons/dark/facebook.svg");
	}

	.icon-mastodon{
		background-image: url("https://metenamesa.pt/images/icons/dark/mastodon.svg");
	}

	.icon-discord{
		background-image: url("https://metenamesa.pt/images/icons/dark/discord.svg");
	}

	.icon-telegram{
		background-image: url("https://metenamesa.pt/images/icons/dark/telegram.svg");
	}

	.icon-threads{
		background-image: url("https://metenamesa.pt/images/icons/dark/threads.svg");
	}

	.icon-email{
		background-image: url("https://metenamesa.pt/images/icons/dark/email.svg");
	}

	.icon-android{
		background-image: url("https://metenamesa.pt/images/icons/dark/android.svg");
	}

	.icon-marcador{
		background-image: url("https://metenamesa.pt/images/icons/dark/marcador.svg");
	}

	.icon-rss{
		background-image: url("https://metenamesa.pt/images/icons/dark/rss.svg");
	}

	.icon-applepodcasts{
		background-image: url("https://metenamesa.pt/images/icons/dark/applepodcasts.svg");
	}

	.icon-googlepodcasts{
		background-image: url("https://metenamesa.pt/images/icons/dark/googlepodcasts.svg");
	}

	.icon-spotify{
		background-image: url("https://metenamesa.pt/images/icons/dark/spotify.svg");
	}

	.icon-amazonpodcasts{
		background-image: url("https://metenamesa.pt/images/icons/dark/amazonpodcasts.svg");
	}

	.icon-kofi{
		background-image: url("https://metenamesa.pt/images/icons/dark/kofi.svg");
	}

	.icon-bgg{
		background-image: url("https://metenamesa.pt/images/icons/dark/bgg.svg");
	}

	.icon-merch{
		background-image: url("https://metenamesa.pt/images/icons/dark/merch.svg");
	}
}