/*

font-family: 'Quicksand', sans-serif;
font-family: 'Comfortaa', cursive;
font-family: 'Didact Gothic', sans-serif;

*/

*{
  margin:0;
  padding:0;
}

body{
  margin:0;
  padding:0;
  font-family: 'Didact Gothic', sans-serif;
}

nav{
  position: fixed;
  top:0;
  left:0;
  width: 100%;
  height: 100px;
  padding: 10px 100px;
  box-sizing: border-box;
  background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,1));
  color:white;
}


#nordictitle{
  padding:0;
  margin:0;
  float: left;
  font-size: 60px;
}

input[type=text] {
    border-radius: 25px;
    border-style: none;
    padding-right:30px;
    width:500px;
    height: 30px;
    float:right;
}


nav ul{
  list-style: none;
  float: right;
  margin:0;
  padding:0;
  display: flex;
}


nav ul li{
  list-style: none;
}

nav ul li a{
  line-height:40px;
  color:white;
  padding:12px 30px;
  text-decoration: none;
  text-transform: uppercase;
}



section.sec1{
  width: 100%;
  height: 100vh;
  background:url(../img/coffee_banner.png);
  background-size: cover;
  background-position: center;
}


.infobox{
  background-color: #212121;
  width:100%;
  height: 20vh;
  margin: auto;
  padding-top:50px;
  text-align: left;
  color:white;
  line-height: 30px;
}

#lemonmilk{
  padding-left: 50px;
  font-size: 32px;
  width: 700px;
  line-height: 50px;
}


#iconlove{
  float:right;
  margin:20px 5px 0px;
  font-size: 55px;
  padding-right: 20px;
}

.iconlinks{
  padding-right: 50px;
}

.bodycontent{
  width:70%;
}

a{
  color: lightgray;
  text-decoration: none;
}

a:hover{
  color:white;
}

.content p{
  width: 70%;
  margin:30px auto;
  text-align: justify;
  font-size: 20px;
  line-height: 30px;
}

.sidepanel{
  text-align: left;
  float:right;
  background-color: pink;
  line-height: 35px;
  padding: 10vh 15vh 30vh 10vh;/* Top, Right, Bottom, Left */
}

.sidepanel p{
  padding-bottom: 10vh;
}

#sidelinks{
  color: blue;
}