$black: #071011;
		$white: #fff;
		$red: tomato;
		$standard: 10px;
		$card-height: 450px;
		$card-width: 300px;

		body {
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: 'Open Sans', sans-serif;
		}

		.absolute-logo {
			position: absolute;
			top: 5px; /* Posição vertical em relação ao topo */
			left: 10px; /* Posição horizontal em relação à esquerda */
		}

		.background {
		position: absolute;
		top: 0;
		left: 0;
		height: 100vh;
		width: 100vw;
		background: #313133;
		}

		.outer-div {
		perspective: 900px;
		perspective-origin: 50% calc(50% - 18em);
		}

		.inner-div {
		margin: 0 auto;
		border-radius: 5px;
		font-weight: 400;
		font-size: 1rem;
		text-align: center;
		}

		.front {
		height: 100%;
		backface-visibility: hidden;
		border-radius: 5px;
		box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3),
			0 0 40px rgba(0, 0, 0, 0.1) inset;
		}

		.front__bkg-photo {
		position: relative;
		height: 100px;
		/*background: url("https://aeme.ind.br/wp-content/uploads/2020/02/Logo-AEME-positivo-site-1536x444.png") no-repeat;
		background-size: cover;
		backface-visibility: hidden;*/
		background-color: #000000;
		background-position: top;
		overflow: hidden;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		}

		.front__face-photo {
		position: relative;
		top: -50px;
		height: 120px;
		width: 120px;
		margin: 0 auto;
		border-radius: 50%;
		border: 5px solid;
		border-color: #ffffff;
		background: url("profile.PNG") no-repeat;
		background-size: 150%;
		background-color: #ffffff;
		background-position: top;
		overflow: hidden;
		backface-visibility: hidden;
		transition: all 0.6s cubic-bezier(0.8, 0.4, 0.2, 1.7);
		z-index: 3;
		}

		.front__text {
		position: relative;
		top: -55px;
		margin: 0 auto;
		font-family: 'Open Sans', sans-serif;
		font-size: 18px;
		backface-visibility: hidden;
		}

		.text-header {
			font-weight: 700;
			font-family: 'Open Sans', sans-serif;
			font-size: 20px;
			color: #fdfbfb;
		}

		.text-company {
			font-weight: 500;
			font-family: 'Open Sans', sans-serif;
			font-size: 17px;
			color: #fdfbfb;
		}
		.text-detail {
			position: relative;
			top: -5px;
			color: #fdfbfb;
			font-size: 14px;
			letter-spacing: 0.4px;
			font-weight: 400;
			font-family: 'Open Sans', sans-serif;
			font-style: italic;
		}

		.front-icons {
			position: relative;
			top: 0;
			font-size: 14px;
			margin-right: 6px;
			color: gray;
		}

		.social-media-wrapper {
		font-size: 36px;
		}

		.social-icon {
			position: relative;
			margin-left: 5px;
			margin-right: 5px;
			color: #faf9f9;
		}

        .footer {
            position: relative;
            top: 15px;
            height: 70px;
            width: 70px;
            margin: 0 auto;
            border-radius: 50%;
            /*border: 3px solid;
            border-color: #000000;*/
            background: url("Hub-Tag-logo.png") no-repeat;
            background-size: contain;
            /*background-color: #000000;*/
            background-position: 50%;
            overflow: hidden;
            backface-visibility: hidden;
            transition: all 0.6s cubic-bezier(0.8, 0.4, 0.2, 1.7);
            z-index: 3;
            }