* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

/* Style the side navigation */
.sidenav {
  height: 100%;
  /*width: 180px;*/
  padding-left:15px;
  padding-right:15px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  /*overflow-x: hidden;*/
}


/* Side navigation links */
.sidenav a {
  color: white;
  padding: 11px 0px 11px 4px;
  text-decoration: none;
  display: block;
}

/* Change color on hover */
.sidenav a:hover {
  background-color: #ddd;
  color: black;
}

.tooltiptext{
	width:200px;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
	background-color: #0000ff;
	position: absolute;
	z-index: 1;
display: inline;
	left: 105%;
	visibility:hidden;
}


.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 10%;
  right: 100%;
  border-style: solid;
  border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/*******************/
/* Style the content */
.content {
  margin-left: 200px;
  padding-left: 20px;
  margin-right: 60px;
  padding-right: 20px;
  }

.table td{
align:center;

}

#header{
	background-image: linear-gradient(to left, red,orange,yellow,green,blue,indigo,violet);
	
}

.title{
	/**/
	/*color:#225b63;   darkgrey;*/
	color:#ffffff;
	font-size:48px;
	font-weight:600;
	padding:5% 10% 5% 10%;
}

.logo_div{
	align-items:center;
	padding-top:6px;
}

.header_logo{
	width:64px;
	height:64px;
}

.heading_1{
	color:#225b63;
}

.heading_2{
	color:blue;
}

.heading_3{
	color:navy;
}

.normal{
	color:inherit;
}


.timings{
	background-color:lavender;
	border:1px black solid;

}

.code{
	background-color:cyan;

}

.pycomment{
	color:red;

}

.big-image {
	width:60%;
	}
	
.dropdown{
	cursor: row-resize;
	background-color:yellow;
}

.program{
	background-color:lightgray;
	padding:16px;
	border:10px;
}

.exercise{
	background-color:ivory;
	padding:0px;
}


.solution{
	background-color:ivory;
	padding:0px;
	
}

.exercise_summary{
	background-color:lightgreen;
	padding:16px;
	border:1px;
}

.details_inner{
	color:black;
	border: groove navy 5px;
	background-color:lightgray;
	padding:16px;
}

.solution_summary{
	background-color:salmon;
	padding:16px;
	border:1px;
}