h1 {
  text-align: center;
  color: rgb(255, 189, 161);
  font-family: 'Baloo Chettan', cursive, sans-serif;
  margin: auto;
  display: block;
  font-size: 48px;
}
h2 {
  text-align: center;
  color: rgb(255, 189, 161);
  font-family: 'Baloo Chettan', cursive, sans-serif;
  margin: auto;;
  display: block;
  font-size: 40px;
}

h3 {
  color: rgb(255, 189, 161);
  font-family: 'Baloo Chettan', cursive, sans-serif;
  font-size: 28px;
}

nav {
  text-align: center;
  /*background-color: rgb(246, 244, 247);*/
  /*color: #F2B5D4;*/
  /*margin: 10px;
  padding: 5px;*/
}

nav a {
  font-family: 'Baloo Chettan', cursive, sans-serif;
  text-decoration: none;
  text-align: center;
  /*margin: 4em;
  font-size: 18px;*/

}

img.displayed {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: solid black 10px;
  }

  summary {
      font-family: 'Indie Flower', cursive, sans-serif;
      font-weight: bold;
  }

body {
  /*background-color: rgb(49, 78, 81);*/
  /*background-image: url(http://www.pageresource.com/wallpapers/wallpaper/free-graph-formica-wood-grain-texture-love-textures_887907.jpg);*/
  /*background-color: #EFF7F6; (white smoke)*/
  /*http://www.pageresource.com/wallpapers/wallpaper/free-graph-formica-wood-grain-texture-love-textures_887907.jpg*/
  /*background-image: url(https://www.goodfreephotos.com/albums/astrophotography/milky-way-and-starry-night-sky.jpg);*/
  /*background-image: url(http://picalls.com/wp-content/uploads/2015/03/Amazing-night-sky.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;*/
  background: #6CAFD9; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(left, #6CAFD9 , #775499); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #6CAFD9 , #775499); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #6CAFD9 , #775499); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #6CAFD9 , #775499); /* Standard syntax */
  /*background-size: 1400px 1200px;*/
  /*background-color: rgb(129, 128, 237);*/
  /*background-color: rgb(232, 207, 190);*/
  text-align: left;
  /*font-family: 'Indie Flower', cursive, sans-serif;*/
  font-weight: bold;
  font-size: 18px;
  box-sizing: border-box;
  /*border: solid rgb(32, 41, 43) 5px;*/
  /*background-image: url(http://iloopworld.com/wp-content/uploads/2015/07/webdevelopment-img.jpg);
  background-size: 1600px 1000px;*/
  margin: 30px;
  padding: 40px;
}
a {
  padding: 8px;
}

a:link {
    color: white;
}

a:visited {
    color: white;
}
.portfolio{
  font-family: 'Baloo Chettan', cursive, sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: white;
}
summary {
  font-family: 'Baloo Chettan', cursive, sans-serif;
  font-weight: normal;
  font-size: 24px;
  color: white;
}
#About{
  font-size: 20px;
  color: white;
}
#skills{
  font-size: 20px;
  color: white;
}
#Hobbies{
  font-size: 20px;
  color: white;
}
.work{
  font-family: 'Baloo Chettan', cursive, sans-serif;
  font-weight: normal;
  font-size: 24x;
  color: white;
}

form {
  color: white;
}
p {
  font-family: 'Baloo Chettan', cursive, sans-serif;
  font-weight: normal;
  font-size: 20px;
  color: white;
}
#linkedin {
  color: white;
}
ul.topnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    left: 400px;
    /*background-color: #333;*/
}
ul.topnav li {float: left;}
ul.topnav li a {
    display: inline-block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 17px;
}
ul.topnav li.icon {display: none;}
@media screen and (max-width:680px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
/*.active{
  background-color: #775499;
}*/
/*a:active{
  background-color: #775499;
}*/
a:hover{
  background-color: #775499
}