.academia_website_avalanche_contact_tools_modal_styles_dialog {
display: flex;
flex-direction: column;
align-items: center;
align-self: center;
background-color: white;
border-radius: 20px;
border: 0 none transparent;
gap: 14px;
padding-top: 36px;
padding-bottom: 36px;
margin-right: 11em;
margin-left: 11em;
}
@media (width <= 800px) {
.academia_website_avalanche_contact_tools_modal_styles_dialog {
margin-right: 1em;
margin-left: 1em;
max-height: 64%;
min-width: 90%;
gap: 12px;
}
.academia_website_avalanche_contact_tools_modal_styles_closebutton {
font-size: 4rem;
}
.academia_website_avalanche_contact_tools_modal_styles_dialogheading {
font-size: 32px;
}
.academia_website_avalanche_contact_tools_modal_styles_cardlist {
display: flex;
flex-direction: column;
align-items: center;
width: 90%;
gap: 6px;
}
}
.academia_website_avalanche_contact_tools_modal_styles_closebutton {
position: absolute;
top: 6px;
right: 16px;
border: 0 none transparent;
background-color: transparent;
font-size: 2rem;
color: rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.academia_website_avalanche_contact_tools_modal_styles_dialogheading {
text-align: center;
font-family: Markpro;
color: rgba(0, 0, 0, 0.6);
font-weight: 800;
}
@media (width > 800px) {
.academia_website_avalanche_contact_tools_modal_styles_dialogheading {
font-size: 44px;
}
.academia_website_avalanche_contact_tools_modal_styles_cardlist {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.2rem;
width: 90%;
}
}
.academia_website_avalanche_contact_tools_modal_styles_cardlist {
}