.main{align-items:center;background-image:url(https://images.rawpixel.com/image_800/cHJpdmF0ZS9zdGF0aWMvaW1hZ2Uvd2Vic2l0ZS8yMDIyLTA0L2xyL3BkcGVvbmllcy1mcmFtZS0yMDMuanBn.jpg);background-position:50%;background-size:cover;display:flex;flex-direction:column;flex-wrap:wrap;height:100vh;justify-content:center}h1{color:#7c795d;font-family:Trocchi,serif;font-size:45px;font-weight:400;line-height:48px;margin-top:-50px}p{color:#7a7c7f;font-family:Libre Baskerville,serif;font-size:2rem;line-height:45px;max-width:700px;padding-top:20px}footer,p{text-align:center;text-shadow:0 1px 1px #fff}footer{color:#b6b6b6;font-size:24px;font-style:italic;margin-bottom:50px;margin-left:550px;margin-top:20px}.btn{align-items:end;border:0 solid #000;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:right;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.btn,.wrapper{background:#0000;display:flex}.wrapper{align-items:center;height:3em;justify-content:center;position:relative;width:8em}.text{background:#ffffffb3;border-radius:4px;color:#5d5b49;font-family:Trocchi,serif;font-size:25px;font-weight:400;padding:4px 12px;transition:all .5s ease;z-index:1}.flower{display:grid;grid-template-columns:1em 1em;position:absolute;transition:grid-template-columns .8s ease}.flower1{left:-13px;top:-12px;transform:rotate(5deg)}.flower2{bottom:-5px;left:8px;transform:rotate(35deg)}.flower3{bottom:-15px;transform:rotate(0deg)}.flower4{top:-14px;transform:rotate(15deg)}.flower5{right:11px;top:-3px;transform:rotate(25deg)}.flower6{bottom:-15px;right:-15px;transform:rotate(30deg)}.petal{background:linear-gradient(#6e1818,#7f408f);border:.5px solid #de81a4;border-radius:40% 70%/7% 90%;height:1em;transition:width .8s ease,height .8s ease;width:1em;z-index:0}.two{transform:rotate(90deg)}.three{transform:rotate(270deg)}.four{transform:rotate(180deg)}.btn:hover .petal{background:linear-gradient(#cc9cd9,#d99c9c);border:.5px solid #de81a4}.btn:hover .flower{grid-template-columns:1.5em 1.5em}.btn:hover .flower .petal{height:1.5em;width:1.5em}.btn:hover .text{background:#fff6}.btn:hover div.flower1{animation:flower1 15s linear 0s infinite normal none running}@keyframes flower1{0%{transform:rotate(5deg)}to{transform:rotate(365deg)}}.btn:hover div.flower2{animation:flower2 13s linear 1s infinite normal none running}@keyframes flower2{0%{transform:rotate(35deg)}to{transform:rotate(-325deg)}}.btn:hover div.flower3{animation:flower3 16s linear 1s infinite normal none running}@keyframes flower3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn:hover div.flower4{animation:flower4 17s linear 1s infinite normal none running}@keyframes flower4{0%{transform:rotate(15deg)}to{transform:rotate(375deg)}}.btn:hover div.flower5{animation:flower5 20s linear 1s infinite normal none running}@keyframes flower5{0%{transform:rotate(25deg)}to{transform:rotate(-335deg)}}.btn:hover div.flower6{animation:flower6 15s linear 1s infinite normal none running}@keyframes flower6{0%{transform:rotate(30deg)}to{transform:rotate(390deg)}}
/*# sourceMappingURL=main.425d672f.css.map*/