/* adapt box-size border for all elements*/
* {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

.toptag {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 200px;
  font-size: 20px; 
}

.intro { 
  font-size: 18px;
}

html {
  font-size: 10px; /* px means 'pixels': the base font size is now 10 pixels high  */
  font-family: Roboto;
  line-height: 2;
}

h1 {
  font-size: 36px;
  font-family: Merriweather;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 18px;
}

ul {
  font-size: 18px;
}

code {
  font-size: 18px;
}

p {
  color: black;
  font-size: 18px;
}

body {
  max-width: 1600px;
  margin: 0 auto;
}

nav {
  height: 50px;
  flex: 100%;
  display: flex;
  font-size: 18px
}

nav ul {
  padding: 0;
  list-style-type: none;
  flex: 2;
  display: flex;
}

nav li {
  display: inline;
  text-align: center;
  flex: 1;
}

div .imgconfig {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 0;
    width: 45%;
    display: inline-block;
    margin: 0;
}