.wrapper
	{
		display: flex;
		flex-direction: column;
		position: absolute;
		height: 100%;
		width: 100%;
		font-family: Inter,Helvetica Neue,helvetica,arial,sans-serif;
		font-family: Nunito, sans-serif;
	}

.wrapper
	{

		-webkit-user-select: none; /* Safari */
		user-select: none; /* Non-Safari browsers */
		-webkit-touch-callout: none !important;
	}

img
	{
		user-drag: none;  
		user-select: none;
		-moz-user-select: none;
		-webkit-user-drag: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}

.container
	{
		position: relative;
		display: flex;
		flex-direction: column;
		background-color: rgb( 193, 45, 43 );
		x-background-image: url("/graphics/LL4G - Background.png");
		background-size: cover;
		flex-grow: 1;
		padding: 10px;
		padding: 4% 2%;
		border-radius: 15px;
		row-gap: 10px;
		color: rgb( 255, 255, 255 );
		overflow: hidden;
		cursor: pointer;
	}

.container > *
	{
		display: flex;
		z-index: 2;
	}


#pfp
	{
		width: 25px;
		margin-right: 10px;
	}

#background
	{
		position: absolute;
		max-height: 54%;
		right: 0px;
		bottom: 14%;
		opacity: 1;
		z-index: 0;
	}


#pfp
	{
		transform: scale( 1.0 );
		transition: transform 0.4s ease-in-out;
	}

#background
	{
		transform: scale( 1.0 );
		transition: transform 0.4s ease-in-out;
	}

#olivebranch
	{
		transform: scale( 1.0 );
		transition: transform 0.5s ease-in-out;
	}


.container:hover #pfp
	{
		transform: scale( 1.09 );
	}

.container:hover #background
	{
		transform: scale( 1.07 );
	}

.container:hover #olivebranch
	{
		transform: scale( 1.14 );
	}


#olivebranch
	{
		position: absolute;
		max-height: 80%;
		right: -58px;
		bottom: -15px;
		opacity: 1;
		z-index: 0;
		opacity: 0.75;
		opacity: 0.6;
	}

.container .header
	{
		margin-top: -6px;
		margin-bottom: -6px;
		padding: 4px;
		align-items: center;
	}

.container .header .name
	{
		color: rgba( 255, 255, 255, 1 );
		-webkit-user-select: text; /* Safari */
		user-select: text; /* Non-Safari browsers */
	}

.container .header .name:hover
	{
		text-decoration: underline;
	}


.container .header .icons
	{
		display: flex;
		margin-left: auto;
		column-gap: 15px;
		font-size: larger;
	}

.container .header .icons a
	{
		transform: scale( 1.0 );
		transition: transform 0.2s ease-in-out;
		cursor: pointer;
	}

.container .header .icons a:hover
	{
		transform: scale( 1.2 );
	}



.container .bottom
	{
		margin-top: auto;
		margin-bottom: -7px;
		column-gap: 20px;
		align-items: center;
	}

.container .lastdonation
	{
		background-color: rgba(56, 28, 31, 0.5);
		x-border: 2px solid rgba(50, 50, 100, 0.5);
		border-radius: 10px;
		height: fit-content;
		padding: 5px 8px;
		color: rgba( 255, 255, 255, 0.8 );

		font-size: 10px;
		-webkit-user-select: text; /* Safari */
		user-select: text; /* Non-Safari browsers */
	}

.container a.donate
	{
		display: flex;
		padding: 8px 25px;
		border-radius: 15px;
		border: 1px solid rgba(50, 50, 100, 0.5);
		background-color: rgba( 73, 101, 59, 1 );
		color: rgba( 255, 255, 255, 1 );
		margin-left: auto;
		transform: scale( 1.0 );
		transition: transform 0.2s ease-in-out;
/*
		background-image: url( "/graphics/LL4G - Heartbeat.png" );
		background-size: 100% 50%;
		background-repeat: no-repeat;
		background-position: center;
*/
	}


.container:hover a.donate
	{
		transform: scale( 1.1 );
	}


.container .image
	{
		position: relative;
		width: fit-content;
		display: flex;
		flex-direction: column;
	}

.container .image img
	{
		width: 100%;
		max-width: 82vh;
		max-height: 55vh;
		border-radius: 15px;
		opacity: 0.94;
		border: 2px solid rgba(50, 50, 100, 0.5);
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		transform: scale( 1.0 );
		transition: transform 0.2s ease-in-out;
	}


.container:hover .image img
	{
		transform: scale( 1.01 );
	}


.container .image .title
	{
		background-color: rgba(56, 28, 31, 0.9);
		border: 2px solid rgba(50, 50, 100, 0.5);
		border-radius: 10px;
		margin-top: -12px;
		padding: 5px 8px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-top: 0px;
		color: rgba( 255, 255, 255, 0.8 );

		font-size: 13px;
		line-height: 17px;

		max-height: 40px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;

		transform: scale( 1.0 );
		transition: transform 0.2s ease-in-out;

		width: 100%;
	}


.container:hover .image .title
	{
		transform: scale( 1.01 );
	}