@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("https://fonts.gstatic.com/s/sourcesanspro/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7lujVj9w.woff2") format("woff2");
} /* Change font if wanted */

:root {
    --blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;user-select: none;scrollbar-color: dark;-webkit-tap-highlight-color: transparent;
}

*,::after,::before {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
  }
  
.header{
	text-align: center;
}
  
.topnav {
    overflow: hidden;
    background-color: #333;
  }
  
.topnav a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #1e89be;
    color: white;
}


.body_text {
    padding: 30px;
}
.link-list a {
    justify-content: center; 
    width: 40%; 
    font-size: 1.1em; 
    text-decoration: none; 
    color:black; 
    border-radius:6px; 
    border-style:solid;
    margin-bottom: 20px;
}


iframe {
    display: inline-block;
    width: 100%;
    height: 300px;
    margin: 0% 0%;
}

#embed_timesheet {
    display: inline;
    width: 65%;
    margin-left: 16%;
    height: 1750px;
}


button {
    border: 2px solid #1e89be;
    border-radius: 5px;
    background-color: white;
    color: black;
    padding: 5px 10px;
    margin: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition-duration: 0.2s;
}

button:hover {
    background-color: #1e89be;
    color: white;
    cursor: pointer;
}

button.close {
    border: 2px solid #9c2912;
}
button.close:hover {
    background-color: #9c2912;
}

@media (max-width: 847px) {/*mobile and smaller screen info*/
	.topnav{
		display: flex;/*changes to flex display and arranges the links into a column*/
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	.topnav a.active{
			width: 100%;
	}
	.topnav a.hover{
		width: 100%;
	}
}

.body_text h3{
    grid-row-start: 1;
    grid-row-end: 2;
    justify-self: center;

}