html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #141619;
}

.blog {
  position: absolute;
  top: 1vw;
  left: 4vh;
  color: rgb(149, 158, 165);
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-size: 2vw;
}

.blog:hover {
  color: #4078c0;
}

.email {
  color: #4078c0;
  text-decoration: none;
  font-family: 'Lato', sans-serif;
  font-weight: 100;
  font-size: 5vw;
}

.email:hover {
  color: rgb(149, 158, 165);
}

.icon-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  width: 20vw;
}

.icon svg {
  width: 5vw;
}

.icon:not(.bitcoin) svg path {
  fill: rgb(149, 158, 165);
}

.icon svg path:first-child:hover {
  fill: #4078c0;
}

 @media screen and (orientation:portrait) {
   .email {
     font-size: 5vh;
   }
   
   .icon-row {
     width: 20vh;
     height: 13vh;
   }
   
   .icon svg {
     width: 5vh;
   }
 }
