* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
 
        body {
            margin: 2%;
            justify-content: center;
            overflow: auto;
        }
 
	.box-img{
            width: 250px;
	    height: 350px;
	}

        .box-wrapper {
            height: 95vh;
            width: 100%;
            display: flex;
            flex-direction: column;
            text-align: center;
        }
 
      #box1 {
            padding: 10px;
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            width: 1000px;
	    height: 500px;
	    margin-top: 0.5%;
            margin-left: 25%;
            #border: solid 1px green
        }

        #box2 {
            flex-grow: 2;
            #border: solid 1px orange;
  		padding: 10px;
  		font-size: 20px;
                width: 690px;
  		text-align: left;
  		margin-top: 2.5%;
  		font-family: 'Times New Roman', serif;
        }
 
        #box3 {
            padding: 10px;
            flex-grow: 1;
            display: flex;
            flex-direction: row;
            width: 928px;
	    height: 500px;
	    margin-top: 4%;
            margin-left: 26%;
            #border: solid 1px green
        }

	#box2 ul{
  	margin: 0.1%;
  	padding-left: 20px;
	}
 
        #box4 {
            flex-grow: 2;
            #border: solid 1px orange;
  		padding: 10px;
  		font-size: 20px;
  		text-align: left;
  		margin-top: 2.5%;
  		font-family: 'Times New Roman', serif;
        }
 
      #box5 {
            flex-grow: 2;
            #border: solid 1px orange;
  		padding: 10px;
  		font-size: 17px;
  		text-align: left;
  		margin-top: 7.5%;
  		font-family: 'Times New Roman', serif;
        }

  	#box6 {
            flex-grow: 2;
            #border: solid 1px orange;
  		padding: 10px;
  		font-size: 20px;
  		text-align: center;
  		margin-top: 68.5%;
  		font-family: 'Times New Roman', serif;
        }

        .middle-column {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
 
        .middle-column div {
            flex-grow: 1;
            margin: 0 8px;
            #border: solid 1px red;
        }
 
        .middle-column div+div {
            margin-top: 8px
        }
 
        #box8 {
            flex-grow: 1;
            border: solid 1px black
        }

.fa-scholar {
  content: url('/ama/profile/cylee/google-logo-white-png_442505.png');
  height: 2.5em;
  width: 2.5em;
}
.fa-researchgate {
  content: url('/ama/profile/cylee/240px-ResearchGate_icon_SVG.png');
  height: 2.5em;
  width: 2.5em;
}

.fa-github {
  content: url('/ama/profile/cylee/github_logo.png');
  height: 2.5em;
  width: 2.5em;
}

.topnav-left {
  float: left;
  padding: 0;
  display: flex;
}

a:link{
  color:#E02D71;
}
a:visited{
  color:#E02D71;
}


/* Add a black background color to the top navigation */
.topnav {
  background-color: #FFFFFF;
  overflow: auto;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: right;
  color: #2E1ABD;
  text-align: center;
  padding: 10px 50px;
  text-decoration: none;
  font-weight: bold;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #2E1ABD;
  color: #FFFFFF;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #2E1ABD;
  color: #FFFFFF;
}