section.intro{background:#4dc3c3;margin:0;width:100%;height:100vh}section.intro div.container{background:#fff;position:absolute;width:calc(100% - 60px);height:calc(100vh - 30px);top:30px;left:30px;right:30px;bottom:0;display:flex;justify-content:center;align-items:center}section.intro div.container-border{position:absolute;top:60px;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-around}section.intro div.container-border svg{height:70px;animation:cup-swing 5s infinite}@media only screen and (max-width:1400px){section.intro div.container-border svg:nth-child(odd){display:none}}@media only screen and (max-width:600px){section.intro div.container-border svg{display:none}}section.intro div.main-intro{display:inline-flex;flex-wrap:nowrap}section.intro div.main-intro img{float:left;height:450px;margin-right:40px}section.intro div.main-intro h1{display:inline-block;text-align:left;font-family:"Mouse Memoirs";font-size:130px;line-height:120px}section.intro div.main-intro h1 span.gradient{background:linear-gradient(135deg,#4dc3c3 10%,#005c65 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media only screen and (max-width:1500px){section.intro div.main-intro img{height:300px;margin-right:25px}section.intro div.main-intro h1{font-size:80px;line-height:80px}}@media only screen and (max-width:900px){section.intro div.main-intro{display:inline-block;text-align:center}section.intro div.main-intro img{display:none;height:150px;margin:10px auto}section.intro div.main-intro h1{text-align:center;font-size:80px;line-height:80px}}section.intro a.btn{position:fixed;bottom:70px;z-index:1}@media only screen and (max-width:600px){section.intro a.btn{bottom:40px;font-size:32px;padding:12px 30px}}@media only screen and (max-width:600px){header.fixed{transform:none}}@keyframes cup-swing{0%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}100%{transform:rotate(-12deg)}}