/*
  File: jQuery.css
  Author: Shane John
  Date: 2025-06-27
  Course: CPSC 3750 – Web Application Development
  Purpose: Styling for jQuery assignment
  Notes: The border radius change on the navbar is intentional, I wanted to showcase the back ground change a little more.
*/
 
#jquery
{
  font-family: Arial, sans-serif;
  margin: 20px;
}

#jquery div.content
{
  padding: 20px;
  margin-bottom: 10px;
}
#fade1, #fade2, #fade3 
{
  padding: 5px;
}
#jquery section
{
  background-color: #000000;
  border-radius: 20px;
  border: 1px solid black;
  padding: 20px;
  margin-bottom: 50px;
  width: 78%;
}

#datepicker 
{
  padding: 5px;
  font-size: 15px;
  width: 7%;
}
#accordion 
{ 
    max-width: 600px; 
    margin-bottom: 20px; 
}
#progressbar 
{
  width: 300px;
  margin-top: 20px;
}
#progressbar .ui-progressbar-value 
{
  background: rgb(58, 193, 0);
}