ਵਰਤੋਂਕਾਰ:Manveerburj/userPage.css

 /*CSS for user page */
#container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
}

h1 {
	margin-top: 1rem;
}

.listItem {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    margin-bottom:1rem;
}

.listItem div {
	font-size: larger;
}

.dropDown {
    animation: dropDown 1s ease-in-out forwards;
}

@keyframes dropDown {
0% {
	transform: translateY(-25%);
	opacity: 0;
	}

100% {
	transform: translateY(0%);
	opacity: initial;
    }
}