.hero{display:flex;justify-content:center;background:#a4a4a4;background:radial-gradient(circle, #a4a4a4 0%, #284646 75%);height:90vh;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative}.hero-mobile{display:none;height:100vh}.hero-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:goldenrod;text-shadow:black 1px 1px 1px;height:100%}.elements{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50rem;height:100%;margin-top:-2rem;transition:transform 1s ease}@media (max-height:800px){.elements{margin-top:8rem}}.elements a{text-decoration:none;transition:transform 1s ease}.elements a:hover{transform:scale(1.2)}.elements .middle{display:flex;justify-content:space-between;width:100%;text-shadow:black 1px 1px 2px}.elements .middle .mid-title{width:50%;display:flex;justify-content:center;align-items:center;color:#a4a4a4;background-color:darkslategray;letter-spacing:2px;text-shadow:black 1px 1px 10px;padding:1rem;box-shadow:black 1px 1px 2px 2px}.elements .elementCard{height:12.5rem;width:12.5rem;margin:2rem;display:flex;justify-content:center;align-items:center;font-size:1.35rem;text-transform:uppercase;letter-spacing:1.15px;color:goldenrod;text-shadow:black 1px 1px 5px;box-shadow:black 1px 1px 10px;transition:transform 1s ease}.elements .elementCard:hover{transform:scale(1.15)}.elements .nutrition{background-image:url("https://media.istockphoto.com/photos/healthy-food-for-lower-cholesterol-and-heart-care-shot-on-wooden-picture-id1279763992?b=1&k=20&m=1279763992&s=170667a&w=0&h=PP9Z4NeTcx5iZodFRxA4bbRG7QgXef9LCQdIh5lr7oY=");animation:right-bot 10s ease-in forwards;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation:right-bot 10s ease-in forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards}.elements .fitness{background-image:url("https://content.active.com/Assets/Active.com+Content+Site+Digital+Assets/Fitness/Galleries/10+Fitness+Tips/Muscle-confusion-is-the-only-way-to-go..jpg");background-position:center;background-size:cover;animation:top-right 10s ease-in forwards;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation:top-right 10s ease-in forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards}.elements .mentality{background-image:url("https://hdcdnsun2.r.worldssl.net/sites/www.hypnosisdownloads.com/files/product-images/hd-game-face.jpg");background-position:center;background-size:cover;animation:bot-left 10s ease-in forwards;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation:bot-left 10s ease-in forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards}.elements .environment{background-image:url("https://news.italianfood.net/wp-content/uploads/sites/2/2018/02/Agripharma2.jpg");animation:left-top 10s ease-in forwards;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation:left-top 10s ease-in forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards}.elements .arrow{height:5rem;width:5rem;background-color:olive;clip-path:polygon(0% 20%, 60% 35%, 60% 0%, 100% 50%, 60% 100%, 60% 65%, 0% 80%)}