body{font-family:"Droid Serif",serif;padding:0;margin:0}section{height:100vh;position:relative}section#trees{-webkit-animation:fillbackground 1s 2.6s ease forwards;animation:fillbackground 1s 2.6s ease forwards}section#trees h1{position:absolute;color:#fff;top:50%;left:50%;-webkit-transition:all .8s ease;transition:all .8s ease;margin:0;-webkit-animation:fadein 3s ease forwards;animation:fadein 3s ease forwards}section#welcome{background-color:#c92a2a}section#welcome h1{color:#ffd43b;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(-20deg);transform:translate(-50%,-50%) rotate(-20deg);-webkit-transition:all .5s ease;transition:all .5s ease}section#welcome h1:hover{color:#2b8a3e;-webkit-transform:translate(-50%,-50%) scale(3);transform:translate(-50%,-50%) scale(3)}@-webkit-keyframes fadein{0%{-webkit-transform:translate(-50%,calc(-50% - 100px));transform:translate(-50%,calc(-50% - 100px));opacity:0}80%,90%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-50%,-50%) rotate(-8deg);transform:translate(-50%,-50%) rotate(-8deg)}}@keyframes fadein{0%{-webkit-transform:translate(-50%,calc(-50% - 100px));transform:translate(-50%,calc(-50% - 100px));opacity:0}80%,90%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(-50%,-50%) rotate(-8deg);transform:translate(-50%,-50%) rotate(-8deg)}}@-webkit-keyframes fillbackground{to{background:#2f9e44}}@keyframes fillbackground{to{background:#2f9e44}}