@import url('https://fonts.googleapis.com/css?family=|Lobster');
body {
	background-color: #b2f5d9;
}

/*----------- INDEX ----------*/

h1 {
	text-align: center;
	font-family: 'Futura', sans-serif;
}

section {
    margin-top: 10vw;
}

h3 {
  text-align: center;
}

h3 a {
  text-decoration: none;
  color: black;
  font-family: 'Futura', sans-serif;
}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 32%;
  padding: 5px;
  margin-top: 50px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

/*------------- INDEX END -----------*/

/*------------- RESEARCH -------------*/

.title {
	text-align: center;
}
p {
	margin: 20px 100px 20px 100px;
	text-align: justify;
	font-family: 'Futura', sans-serif;
}

.list {
	padding: 0px 110px 0px 110px;
	font-family: 'Futura', sans-serif;
}

.columntwo {
    float: left;
    width: 50%;
    margin-top: 50px;
}

/* Clear floats after the columns */
.rowtwo:after {
    content: "";
    display: table;
    clear: both;
}

  .box {
        background-color: lightpink;
        width: 500px;
        height: 300px;
        padding: 30px 30px;
        margin-left: 110px;
     
    } 

  .boxtwo {
        background-color: lightpink;
        width: 500px;
        height: 300px;
        padding: 30px 30px;
        margin-right: 110px;
        margin-bottom: 50px;
    } 

h5 {
	margin: 20px 100px 0px 100px;
	font-family: 'Futura', sans-serif;
	font-size: 15px;
}

/*------------- RESEARCH END -------------*/


/*------------- NAVBAR -----------*/

nav {
  background-color: lightpink;
  font-family: 'Helvetica', sans-serif;
  text-transform: uppercase;
  position: fixed;
  text-align: center;
  padding: 10px;
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
}

ul {
  list-style-type: none;
  padding-left: 100;
  overflow: hidden;
}

li {
  float: left;
  padding-left: 10px;
  padding-right:10px;
  margin-bottom: 100px;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color on hover */

li a:hover {
  color: #e75480;
}

/* selected link ------- Doesnt Work */
li a:active {
   color: #e75480;
  }

.navfix {
  height: 92px;
}  

/*------------ NAVBAR END ----------*/

/*------------ MY NAME ------------*/

h2 {
	font-family: 'Lobster', cursive;
	font-size: 200px;
	text-align: center;
}

/*---------- MY NAME END ----------*/

/*---------- MY BACKGROUND ---------*/

.background {
	font-family: 'Futura', sans-serif;
	line-height: 1.6;
	font-size: 20px;
	text-align: justify;
	margin: 60px 200px 40px;
}

.gif img {
	margin-left: 700px;
}

/*---------- MY BACKGROUND END ----------*/

/*--------- MY ASCII ----------*/
pre {
	color: white;
	margin-left: 300px;
	margin-top: 50px;
	font-size: 20px;
}

.favicon {
	text-align: center;
	margin-top: 50px;
}

/*----------- MY ASCII END ---------*/

/*----------- DESIGN INSPIRATION ------------*/

.design {
	text-align: justify;
	padding: 60px 200px 60px;
	font-family: 'Futura', sans-serif;
}

.styles {
	text-align: center;
	font-family: 'Futura', sans-serif;
	padding-bottom: 50px;
}

#img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*----------- DESIGN INSPIRATION END ------------*/

/*-------------- Non Design Object -------------*/

.record {
	text-align: center;
	font-family: 'Futura', sans-serif;
	padding-top: 50px;
}

h4 {
   font-weight: normal;	
   text-align: center;
   font-family: 'Futura', sans-serif;
   font-size: 15px;
}

.record img {
	margin-bottom: 50px;
}

/*-------------- Non Design Object End-------------*/

/*------------- Everyday object ----------------*/

.chinese {
	text-align: center;
	font-family: 'Futura', sans-serif;
	margin-top: 50px;
}

.paragraph {
	text-align: justify;
	padding: 20px 200px 0px;
	font-family: 'Futura', sans-serif;
}

.chinese img {
	margin-bottom: 50px
	;
}