body{
	background: linear-gradient(to left, #0a97b0, #ffd3e1); 
	font: 600 'Raleway', sans-serif;
	cursor: default;
}

h1{
	margin-left: 1.2em;
}

h1:hover{
	font-style: italic;
}

img {
	margin-top: 5em;
	display: block;
    margin-left: 17em;
    /*vertical-align: middle; */
}

img:hover{
	content: url(SquarePic_20200826_19421081.jpg);
	width: 300px;
	height: 300px;
}

.topnav{
	overflow: hidden;
}

.topnav h1 {
  float: left;
  color: #005086;
  text-align: center;
}

.navright {
  float: right;
  font-size: 1.7em;
  padding: 1em;
  padding-left: 2em;
}

.navright a {
	text-decoration: none;
	color: #005086;
	margin-left: 1em;
}

.navright a:hover{
	background-color: #ffe78f;
	border-style: solid;
	padding: 10px;
    box-shadow: 5px 10px;

}

.center{
	display: flex;
	align-items: center;
}

.abc{
	padding-left: 3em;
}

.byuah {
	font-size: 2.5em;
	font-weight: bold;
}

h2 {
	text-align: center;
	margin-top: 0;
}

p{
	font-size: 1.5em;
	margin-left: 0.75em;
}

.gift{
	display: flex;
	align-items: center;
	padding: 1em;
}

#bars {
	margin: 2em auto;
	max-width: 960px;
	overflow: hidden;
}

.bar {
	float: left;
	width: 20%;
	text-align: center;
}

.bar h3 {
	font-size: 1.1em;
	font-weight: normal;
	margin: 0;
	text-transform: uppercase;
}

.bar-circle {
	display: block;
	margin: 0.7em auto;
}

.bold{
	font-size: 1.7em;
	color: #005086;
}

#exp{
	font-weight: 2em;
	text-decoration: underline;
}

.exp{
	font-size: 1.3em;
}

link {
  display: none;
}

#edu{
	text-align: right;
	font-weight: 2em;
	margin-right: 0.5em;
	text-decoration: underline;
}

.edu {
	text-align: right;
	font-size: 1.3em;
}

.con{
	color: #005086;
	font-weight: bold;
}

.contact{
	font-size: 1em;
}

.email{
	color: #005086;
}

.phone{
	color: #005086;
}

footer{
	text-align: center;
	margin: 1em;
}