.dropdown {
			position: relative;
			display: inline-block;
		}

		.dropdown-content {
			display: none;
			position: absolute;
			background-color: #f9f9f9;
			min-width: 160px;
			box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
			z-index: 1;
		}

		.dropdown:hover .dropdown-content {
			display: inline-block;
		}

		.desc {
			padding: 15px;
			text-align: center;
		}

		.foto {
			margin-top: 15px;
			width: 150px;
			height: 200px;
			border-style: solid;
			border-width: 1px;
			border-color: #bbbbbb;
		}

		.foto-profile {
			width: 150px;
			height: 200px;
			object-fit: cover;
			clip: rect(0px, 150px, 0px, 0px)
		}

		.transfer {
			margin-top: 15px;
			width: 100%;
			border-style: solid;
			border-width: 1px;
			border-color: #bbbbbb;
		}

    /* html,body{
            height: 100%;
        } */

		.judul {
			font-size: 26px;
			font-family: 'Anton', sans-serif;
			padding-top: 15px;
			text-align: center;
			color: #760067;
		}

		.sub {
			font-size: 16px;
			font-family: 'Anton', sans-serif;
			margin-top: -10px;
			text-align: center;
			color: #760067;
		}

		@media (max-width: 576px) and (max-width: 900px) {
			.judul {
				font-size: 24px;
			}

			.sub {
				font-size: 14px
			}
		}