@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Staatliches&display=swap";.gradientLetters{font-family:Covered By Your Grace,Arial,Helvetica,sans-serif;text-transform:uppercase;background:linear-gradient(160deg,#18c8d1,#03e04b),#03e04b;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradientButton{filter:drop-shadow(0px 0px 2px #4ae07c);background:linear-gradient(160deg,#18c8d1,#03e04b),#03e04b;font-family:Staatliches}@media (hover: hover){.buttonHover:hover,.gradientButton:hover{opacity:.5;transition:all .25s}}body{font-family:Staatliches}.movingGradientBackgroundLetters{filter:drop-shadow(0 0 2px rgba(255,255,255,.5));animation:background-pan 3s ease-in-out infinite;background:linear-gradient(to right,#18c8d1,#03e04dbe,#18c8d1);background-size:300vw;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}@keyframes background-pan{0%{background-position:0% center}to{background-position:-200% center}}.firstWordOfLogo{color:#fff;font-size:2.2rem;font-family:Staatliches,Arial,Helvetica,sans-serif;padding-left:10px}.firstWordOfLogo:hover{cursor:pointer;opacity:.8}.secondWordOfLogo{font-size:3.2rem}@media (max-width: 1000px){.firstWordOfLogo{font-size:1.2rem}.secondWordOfLogo{font-size:2rem}}.heroContainer{height:70vh;width:100%;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:10px;line-height:1.1}.heroTitle{font-family:Staatliches;text-align:center;font-size:4rem;color:#ffffffc0}.highlightedTitle{font-size:7rem}@media (max-width:400px){.highlightedTitle{font-size:3.5rem}.heroTitle{font-size:2.3rem}.heroContainer{justify-content:flex-end;height:55vh}}*{margin:0;padding:0}body{background-color:#272727}