.academia_website_avalanche_academics_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_academics_hero_styles_heading {
color: rgba(110, 31, 115, 0.8);
font-weight: 900;
text-align: center;
font-size: clamp(1.5rem, calc(2vw + 0.5rem), 4rem);
margin-top: 0.5em;
}
.academia_website_avalanche_academics_hero_styles_summary {
margin-top: 2em;
font-family: MarkPro;
font-size: clamp(1rem, calc(1vw + 0.5rem), 0.8rem);
text-align: center;
}
@media (width >= 600px) {
.academia_website_avalanche_academics_hero_styles_summary {
max-width: 52vw;
}
}
@media (500px < width < 600px) {
.academia_website_avalanche_academics_hero_styles_summary {
max-width: 75vw;
}
}
@media (width <= 500px) {
.academia_website_avalanche_academics_hero_styles_summary {
max-width: 95vw;
text-align: justify;
}
}
.academia_website_avalanche_academics_hero_styles_lines {
position: absolute;
width: 26vw;
min-width: 24rem;
top: 0;
}
.academia_website_avalanche_academics_hero_styles_linesleft {
left: 0;
}
.academia_website_avalanche_academics_hero_styles_linesright {
right: 0;
}
.academia_website_avalanche_academics_hero_styles_image {
display: block;
margin-top: 30px;
border-radius: 8px;
object-fit: cover;
}
@media (width <= 700px) {
.academia_website_avalanche_academics_hero_styles_image {
width: 100%;
}
}
@media (700px < width < 1200px) {
.academia_website_avalanche_academics_hero_styles_image {
width: 30vw;
height: 100%;
}
}
@media (width >= 1200px) {
.academia_website_avalanche_academics_hero_styles_image {
width: 30%;
}
}