body {
			margin: 0;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #454554;
		}

		.header {
			background-color: #333;
			overflow: hidden;
			width: 100%;
		}

		.header align_left {
			float: left;
			color: #f2f2f2;
			text-align: center;
			padding: 10px 40px;
			text-decoration: none;
			font-size: 27px;
		}
		.header align_right {
			float: right;
			color: #f2f2f2;
			text-align: center;
			padding: 20px 30px;
			text-decoration: none;
			font-size: 17px;
		}
		.header_link {
			text-decoration: none;
			color: #f2f2f2;
			font-size: 17px;
		}
		.header_link:hover {
			background-color: #ddd;
			color: black;
		}
		.header align_right:hover {
			background-color: #ddd;
			color: black;
		}
		.header align_right.active {
			background-color: #5DADE2;
			color: white;
		}

		.header a {
			color: inherit;
			text-decoration: none;
		}

		.content {
			padding: 100px;
		}
		.sticky {
			position: fixed;
			top: 0px;
			width: 100%;
		}
		.sticky + .content {
			padding-top: 10px;
		}
		.collapsible {
			background-color: #777;
			color: white;
			cursor: pointer;
			padding: 18px;
			width: 90%;
			border: none;
			text-align: left;
			outline: none;
			font-size: 15px;
			margin-left: 5%;
		}
		.active_dropdown, .collapsible:hover {
			background-color: #555;
		}
		.collapsible_content {
			display: none;
			overflow: hidden;
			background-color: #f1f1f1;
			width: 90%;
			height: 82%;
			margin-left: 5%;
		}

		.collapsible:after {
			content: '\002B';
			color: white;
			font-weight: bold;
			float: right;
			margin-left: 5px;
		}
		.active_dropdown:after {
			content: '\2212';
		}


		.tab {
			overflow: hidden;
			background-color: #85C5EE;
		}

		.tab button {
			background-color: inherit;
			float: left;
			border: none;
			cursor: pointer;
			transition: 0.3s;
			font-size: 17px;
			margin: 5px;
		}

		.tab button:hover {
			background-color: #ddd;
		}

		.tab button:active {
			background-color: #ccc;
		}


		.main_column {
			width: 80%;
			margin-left: 10%;
			margin-top: 2%;
			min-height: 86%;
		}

		.container {
			height: 60px;
			display: flex;
			align-items: center;
			background-color: #333;
			margin-top: 50px;
		}

		.container p {
			margin-left: 20px;
			color: #5DADE2;
			font-size: 20px;

		}

		 iframe {
    		min-width: 100%;
  		}

  		.subtitle {
  			background-color: #555;
  			width: 100%;
  			text-align: center;
  			font-size: 20px;
  			padding: 10px;
  			text-decoration: underline;
  			color: #8CD5FF;
  			outline: none;
  			border: none;
  			cursor: pointer;

  		}

  		.active, .subtitle:hover {
  			background-color: #333;
  		}

  		.tech_content {
  			 display: none;
  			overflow: hidden;
  			background-color: #E1E8EC;
  			text-align: left;
  			padding: 20 20%;
  			font-size: 16px;
  		}

  		.tech_content a {
  			text-decoration: none;
  			color: #c41454;
  		}

