.groupa {
	font-family: 'Open Sans', sans-serif;
	width: 100px;
	height: 100px;
	padding: 20px;
	border: 1px solid purple;
}

.nav{
	background-color: lavender;
}

.navbar .nav li a {
	height:55px;
	color:purple;
	background-color:lavender;
}

.Pagetitle{
	font-size:31px;
	font-weight:bold;
	color:purple;
}

.headingdiv{
	margin-top: 10px;
}

.headingspan{
	border-bottom: 1px solid black;
}

.college{
	font-weight: bold;
}

.city{
	font-style: italic;
}

.xloc{
	font-weight: bold;
	text-align: left;
}
.xloccity{
	text-align: right;	
}
.xtitle{
	text-align: left;
}
.xdate{
	text-align: right;
}

ul.ratelist{
	list-style:none;
	font-size:20px;
	color:purple;
}

/* Text Field Attributes - Changing colors */
.title-word {
animation: color-animation 4s linear infinite;
}

/* Text Field Attributes - Color Scheme 1 */
.title-word-1 {
  --color-1: #FFCCFF; /* Pink-Purp */
  --color-2: #CCB3FF; /* Light-Purp */
  --color-3: #E4A9A8; /* Mid-Pink */
}

/* Text Field Attributes - Color Scheme 2 */
.title-word-2 {
  --color-1: #E0B3FF; /* Purp-Pink */
  --color-2: #EAB5FD; /* Purp-Pink 2 */
  --color-3: #E0CCFF; /* Light-Purp */
}

/* Text Field Attributes - Color Scheme 3 */
.title-word-3 {
  --color-1: #EAB5FD; /* Mid-Purp */
  --color-2: #E4A9A8; /* Mid-Pink */
  --color-3: #EBADD5; /* Pink */
}

/* Text Field Attributes - Color Scheme 4 */
.title-word-4 {
  --color-1: #3D8DAE; /* Ocean-Blue */
  --color-2: #CCB3FF; /* Mid-Purp */
  --color-3: #E4A9A8; /* Mid-Pink */
}

/* Text Field Attributes - Color Scheme 5 */
.title-word-5 {
  --color-1: #F3A5ED; /* Mid-Purp-Pink */
  --color-2: #FFB3B3; /* Light-Red */
  --color-3: #DDCCFF; /* Light-Purp */
}

/* Text Field Attributes - Color Scheme Annimation */
@keyframes color-animation {
  0%    {color: var(--color-1)}
  32%   {color: var(--color-1)}
  33%   {color: var(--color-2)}
  65%   {color: var(--color-2)}
  66%   {color: var(--color-3)}
  99%   {color: var(--color-3)}
  100%  {color: var(--color-1)}
}