/* ALL *******************************************************************************************************/
@media
{
	.infobox
	{
		background-color: rgba(0,0,0,0.5);
		color: white;
		width: 30vw;
		height: 20vw;
		border: 0.1vw var(--turquoise) solid;
		gap: 1vw;	
	}
	.infobox p
	{
		width: 80%;
	}
	.infobox ul
	{
		line-height: 2.5vw;
		list-style-type: circle;
	}
	.infobox li
	{

		gap: 1vw;
	}
	.emoji
	{
		font-size: 2vw;
		width: 2vw;
	}
}

/* 1400 px *******************************************************************************************************/
@media (max-width: 1400px)
{
	.infobox
	{
		width: 50vw;
		height: 35vw;
		gap: 3vw;	
	}
	.infobox ul
	{
		line-height: 4.5vw;
	}

	.emoji
	{
		font-size: 3vw;
		width: 3vw;
	}
}

/* 800 px *******************************************************************************************************/
@media (max-width: 800px)
{
	.infobox
	{
		width: 85vw;
		height: auto;
		border: 0.8vw var(--turquoise) solid;
		padding: 14vw 0;
		gap: 10vw;	
		
	}
	.infobox p
	{
		width: 90%;
	}
	.infobox ul
	{
		line-height: 10vw;
	}
	.infobox li
	{
		gap: 5vw;
	}
	.emoji
	{
		font-size: 10vw;
		width: 10vw;
	}
}