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

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* 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;
    }
}