canvas
{
  position: fixed;
  z-index: -1;
  opacity: 0.5;
}

#helloMessage
{
  height: 100vh;
  width: 43%;
  float: left;
}

table
{
  position: relative;
  top:50%;
  transform: translateY(-50%);
}

td
{
  font-family: DosisExtraLight, sans-serif;
  color: #000;
}

span.bigger
{
  font-size: 2.5rem;
  line-height: 2.5rem;
}

span.big
{
  font-size: 1.4rem;
}

#mainImage
{
  float: left;
  width: 40%;
  height: 100vh;
  background-image: url(../img/home_01.jpg);
  mix-blend-mode: multiply;
  background-size: cover;
}

#links
{
    position: fixed;
    left: 2rem;
    bottom: 2rem;
}

#links a img
{
    width: 28px;
    height: 28px;
    padding-right: 0.5rem;
}

@media only screen and (orientation: portrait)
{
  #helloMessage
  {
    width: 60%;
  }
  table
  {
    margin-left: 1rem;
  }
}