.academia_website_avalanche_admission_form_body_styles_generalwrapper {
margin-top: 2em;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: column;
background-color: white;
align-items: center;
border-radius: 20px;
}
@media (width > 1200px) {
.academia_website_avalanche_admission_form_body_styles_generalwrapper {
width: 60%;
}
}
@media (width <= 1200px) {
.academia_website_avalanche_admission_form_body_styles_generalwrapper {
width: 80%;
}
}
@media (width <= 768px) {
.academia_website_avalanche_admission_form_body_styles_generalwrapper {
width: 100%;
}
.academia_website_avalanche_admission_form_body_styles_formwrapper {
width: 100%;
}
}
.academia_website_avalanche_admission_form_body_styles_uploadwrapper {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px;
max-width: 320px;
height: 320px;
margin-top: 2em;
gap: 1em;
border-radius: 12px;
border: 2px dashed rgba(0, 0, 0, 0.1);
p {
text-align: center;
font-size: 1.2em;
}
.upload-text {
color: #6E1F73;
font-weight: 600;
}
.upload-icon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 8px;
border: 2px solid rgba(0, 0, 0, 0.1);
}
.icon {
width: 24px;
height: 24px;
}
}
.academia_website_avalanche_admission_form_body_styles_formwrapper {
margin-top: 4em;
}
@media (width > 992px) {
.academia_website_avalanche_admission_form_body_styles_formwrapper {
width: 80%;
}
}
@media (width <= 992px) {
.academia_website_avalanche_admission_form_body_styles_formwrapper {
width: 90%;
}
}
.academia_website_avalanche_admission_form_body_styles_rowwrapper {
display: flex;
gap: 1em;
}
@media (width <= 576px) {
.academia_website_avalanche_admission_form_body_styles_rowwrapper {
flex-direction: column;
}
.academia_website_avalanche_admission_form_body_styles_submitwrapper {
justify-content: center;
}
}
@media (width > 576px) {
.academia_website_avalanche_admission_form_body_styles_rowwrapper {
flex-direction: row;
}
.academia_website_avalanche_admission_form_body_styles_submitwrapper {
justify-content: right;
}
}
.academia_website_avalanche_admission_form_body_styles_inputwrapper {
display: flex;
flex-direction: column;
gap: 0.5em;
margin-top: 1.5em;
width: 100%;
}
.academia_website_avalanche_admission_form_body_styles_inputlabel {
display: block;
font-size: 1.2em;
}
.academia_website_avalanche_admission_form_body_styles_inputbox {
display: flex;
font-size: 1em;
padding: 1em;
border-radius: 8px;
outline: none;
border: 1px solid rgba(0, 0, 0, 0.1);
&:focus {
border: 2px solid #6E1F73;
}
}
.academia_website_avalanche_admission_form_body_styles_dropdown {
appearance: none;
background-image: url(/website/svgs/arrow-down.svg);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: right 10px center;
}
.academia_website_avalanche_admission_form_body_styles_submitwrapper {
display: flex;
}
.academia_website_avalanche_admission_form_body_styles_submitbutton {
font-size: 1.2em;
background-color: #6E1F73;
color: white;
border: 0 none transparent;
padding: 15px 30px;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 2em;
cursor: pointer;
}