@keyframes liftFromFloor {
  0% {
  	transform: perspective(180px)rotateX(90deg);
  	transform-origin: bottom;
  	opacity: 0;
  }
  100% {
  	transform: rotateX(0deg);
  	transform-origin: bottom;
  	opacity: 1;
  }
}

#site-title{
	-webkit-transition: color 1s ease-in-out, letter-spacing 1s ease-in;
	-moz-transition: color 1s ease-in-out, letter-spacing 1s ease-in;
	-ms-transition: color 1s ease-in-out, letter-spacing 1s ease-in;
	-o-transition: color 1s ease-in-out, letter-spacing 1s ease-in;
  	transition: color 1s ease-in-out, letter-spacing 1s ease-in;
  	animation: 2s ease-out 0s 1 liftFromFloor;

}

#site-title:hover {
	letter-spacing: 0.2rem;
	color: rgba(45,55,72,var(--text-opacity));
	-webkit-transition: color 2s ease-in-out, letter-spacing 2s ease-out;
	-moz-transition: color 2s ease-in-out, letter-spacing 2s ease-out;
	-ms-transition: color 2s ease-in-out, letter-spacing 2s ease-out;
	-o-transition: color 2s ease-in-out, letter-spacing 2s ease-out;
  	transition: color 2s ease-in-out, letter-spacing 2s ease-out;
}

.logo {
	width: 30vw;
}

#logo_mbc {
    max-height: 50vh;
}