.academia_website_avalanche_home_message_styles_messagewrapper {
display: flex;
justify-content: center;
margin-top: 4em;
width: 100%;
overflow-x: hidden;
}
.academia_website_avalanche_home_message_styles_messagebox {
display: flex;
position: relative;
border-radius: 12px;
background-color: rgba(110, 31, 115, 0.65);
gap: 1rem;
padding: 20px;
&::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/assets/lines/full/01.svg) no-repeat top left;
transform: translateX(30%);
}
&::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/assets/lines/full/02.svg) no-repeat top right;
}
}
@media (width > 1550px) {
.academia_website_avalanche_home_message_styles_messagebox {
width: 60%;
}
.academia_website_avalanche_home_message_styles_image {
width: 35%;
}
}
@media (1400px < width <= 1550px) {
.academia_website_avalanche_home_message_styles_messagebox {
width: 70%;
}
.academia_website_avalanche_home_message_styles_image {
width: 40%;
}
}
@media (1280px < width <= 1400px) {
.academia_website_avalanche_home_message_styles_messagebox {
width: 80%;
}
.academia_website_avalanche_home_message_styles_image {
width: 35%;
}
}
@media (800px < width <= 1280px) {
.academia_website_avalanche_home_message_styles_messagebox {
width: 98%;
}
.academia_website_avalanche_home_message_styles_image {
width: 30%;
}
}
@media (width <= 800px) {
.academia_website_avalanche_home_message_styles_messagebox {
width: 100%;
flex-direction: column;
}
.academia_website_avalanche_home_message_styles_image {
width: 100%;
}
}
.academia_website_avalanche_home_message_styles_image {
border-radius: 5px;
z-index: 1;
}
.academia_website_avalanche_home_message_styles_messagesection {
display: grid;
grid-template-rows: auto 1fr;
}
.academia_website_avalanche_home_message_styles_heading {
color: white;
font-family: Markpro;
text-align: center;
font-size: clamp(3rem, calc(4vw + 0.5rem), 4rem);
}
.academia_website_avalanche_home_message_styles_innermessagewrapper {
display: grid;
align-content: center;
gap: 2em;
}
.academia_website_avalanche_home_message_styles_paragraphwrapper {
display: grid;
}
.academia_website_avalanche_home_message_styles_paragraph {
color: rgba(255, 255, 255, 0.7);
font-family: Markpro;
font-size: clamp(1.2rem, calc(1.2vw + 0.5rem), 1.5rem);
}
@media (width >= 1300px) {
.academia_website_avalanche_home_message_styles_paragraph {
text-align: justify;
}
}
.academia_website_avalanche_home_message_styles_nameandposition {
color: rgba(255, 255, 255, 0.7);
}
.academia_website_avalanche_home_message_styles_name {
font-weight: 600;
font-size: clamp(1.2rem, calc(1.2vw + 0.5rem), 1.5rem);
}
.academia_website_avalanche_home_message_styles_position {
font-size: clamp(1.2rem, calc(1.2vw + 0.5rem), 1.5rem);
}