.academia_website_avalanche_tools_hero_styles_wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
margin-top: min(5vw, 0);
min-height: 80vh;
margin-bottom: -4em;
font-family: MarkPro;
z-index: -1;
background: radial-gradient(rgba(110, 31, 115, 0.5) 0, rgba(110, 31, 115, 0.2) 40%, transparent 90%, transparent 100%);
}
.academia_website_avalanche_tools_hero_styles_heading {
color: rgba(110, 31, 115, 0.8);
font-weight: 900;
text-align: center;
font-size: clamp(3rem, calc(5vw + 0.5rem), 4rem);
}
.academia_website_avalanche_tools_hero_styles_summary {
margin-top: 4em;
font-family: MarkPro;
font-size: clamp(1.2rem, calc(1vw + 0.1rem), 1.2rem);
text-align: center;
}
@media (width > 1400px) {
.academia_website_avalanche_tools_hero_styles_summary {
max-width: 40vw;
}
}
@media (1000px < width <= 1400px) {
.academia_website_avalanche_tools_hero_styles_summary {
max-width: 50vw;
}
}
@media (width <= 1000px) {
.academia_website_avalanche_tools_hero_styles_summary {
max-width: 60vw;
}
}
@media (500px < width < 600px) {
.academia_website_avalanche_tools_hero_styles_summary {
max-width: 75vw;
}
}
@media (width <= 500px) {
.academia_website_avalanche_tools_hero_styles_summary {
max-width: 95vw;
text-align: justify;
}
}
.academia_website_avalanche_tools_hero_styles_lines {
position: absolute;
width: 26vw;
min-width: 24rem;
top: 0;
}
.academia_website_avalanche_tools_hero_styles_linesleft {
left: 0;
}
.academia_website_avalanche_tools_hero_styles_linesright {
right: 0;
}