

body {

	  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	    min-height: 100vh;            /* full height */
	      display: flex;                /* turn body into flexbox */
	        justify-content: center;      /* center vertically */
		  align-items: center;          /* center horizontally */
		    background-color: rgb(40, 14, 40);

		      }

		      #main {
			        /*Container to center frame */
			        width: 1100px;
				  margin-left: auto;
				    margin-right: auto;
			    }

			    #tagline {
				    text-align:center;
				    font-weight:700;
				    color: rgb(241, 247, 255);
				    font-size:1.5em;
				    margin-top:-30px;
			    }


			    .formatted-text {
				      font-size: 22px;
				        line-height: 2em;
				}

				.white-text {
					  color: rgb(241, 247, 255);
				  }

				  iframe {
					    width: 100%;
					      height: 600px;

				      }

				      nav {
					        
					        background-color: #6c9e5b;
						  color: white;
						    font-size: 1.5em;
						      /* border: 1px solid #ccc; */
						      border-width: 1px 0;
						        border-top: none;
							  list-style: none;
							    margin: 0;
							      padding: 0;
							        text-align: center;
								  margin-bottom: 30px;
								    position: sticky;
								      top: 0;
								        z-index: 100;
								}

								nav li {
									  display: inline;

								  }

								  nav a {
									    display: inline-block;
									      padding: 14px 16px;
								      }

								      a {
									        /*color:rgb(37, 37, 37);*/
									        color: white;
										  text-decoration: none;
										    font-weight: bold;
									    }

									    a:hover {
										      text-decoration: solid;
										        background-color: #4c7240;
										}

										.list-icon {
											  padding-left: 1.3em;
											    margin-top: 6px;
											      background-image: url(list-icon.png);
											        background-size: 15px;
												  background-repeat: no-repeat;
											  }

											  ul {
												    display: flow-root;
												      justify-content: center;
											      }


											      h1 {
												        
												        font-size: 4em;
													  font-weight: bolder;
													    text-align: center;
													      vertical-align: middle;
													        color: white;
														  
													}


													table {

														  width: 100%;
														    color: rgb(22, 24, 22);
														      border-collapse: collapse;
														        background-color: rgb(241, 247, 255);
															  font-size: 18px;

														  }

														  tr:first-child {
															    border: solid;
															      border-top: none;
															        border-width: 0px 0px 5px 0;
																  border-color: rgb(60, 107, 213);
															  }

															  td {
																    padding: 5px;
																      border-bottom: 1px dashed black;
															      }

															      /* Box Shadow Outset */
															      .hvr-box-shadow-outset {
																        vertical-align: middle;
																	  -webkit-transform: perspective(1px) translateZ(0);
																	    transform: perspective(1px) translateZ(0);
																	      box-shadow: 0 0 1px rgb(0 0 0 / 0%);
																	        -webkit-transition-duration: 0.3s;
																		  transition-duration: 0.3s;
																		    -webkit-transition-property: box-shadow;
																		      transition-property: box-shadow;
																	      }

																	      .hvr-box-shadow-outset:hover,
																	      .hvr-box-shadow-outset:focus,
																	      .hvr-box-shadow-outset:active {
																		        box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.308);
																		}

																		.triangle {
																			  width: 0;
																			    height: 0;
																			      border-top: 36px solid transparent;
																			        border-left: 36px solid rgb(241, 247, 255);
																				  float: left;
																			  }

																			  footer {
																				    text-align: center;
																				      vertical-align: middle;
																				        margin: 40px;
																				}


