@import url("https://fonts.googleapis.com/css?family=Raleway:300,500&display=swap");@import url("https://fonts.googleapis.com/css?family=Playfair+Display&display=swap");@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{background:#f0eee2;font-family:Raleway,sans-serif;color:#4e4b43}h1{font-weight:500;text-transform:uppercase;font-size:1.5rem;letter-spacing:4px}h2{font-weight:300;font-size:1rem;letter-spacing:2px}.large-font{font-size:2.5rem}.gold-gradient{color:#2a6e32}.cursive-font{font-family:Great Vibes,cursive}.flex{display:flex;width:100%;justify-content:space-between}.container{box-sizing:border-box;width:850px;height:1200px;margin:20px auto;background-image:url(/img/tree-leafs.png),url(/img/texture.jpg);box-shadow:10px 10px 20px rgba(0,0,0,.3)}.main{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.8fr .5fr 1fr;grid-template-areas:"who who" "when where" "actions actions";padding-top:300px;width:60%;margin:0 auto}.button,.main{text-align:center}.button{background-color:#478f4f;box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.2),0 1px 2px rgba(44,187,99,.15),0 2px 4px rgba(44,187,99,.15),0 4px 8px rgba(44,187,99,.15),0 8px 16px rgba(44,187,99,.15),0 16px 32px rgba(44,187,99,.15);color:#c2fbd7;cursor:pointer;display:inline-block;padding:7px 20px;text-decoration:none;transition:all .25s;border:0;font-size:16px;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button:hover{box-shadow:inset 0 -25px 18px -14px rgba(44,187,99,.35),0 1px 2px rgba(44,187,99,.25),0 2px 4px rgba(44,187,99,.25),0 4px 8px rgba(44,187,99,.25),0 8px 16px rgba(44,187,99,.25),0 16px 32px rgba(44,187,99,.25);transform:scale(1.05) rotate(-1deg)}.button__text{transition:all .2s}.button--loading .button__text{color:#fff;visibility:hidden;opacity:0}.button--loading:after{content:"";position:absolute;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid transparent;border-top-color:#fff;border-radius:50%;-webkit-animation:button-loading-spinner 1s ease infinite;animation:button-loading-spinner 1s ease infinite}@-webkit-keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}@keyframes button-loading-spinner{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}