/* ----------------------------------- */
/* -- index styles for both devices -- */
/* ----------------------------------- */

[data-id="mainForm"] {
	max-width: 600px;
	padding: 1rem;
}


/* ------------------------------- */
/* -- index styles for portrait -- */
/* ------------------------------- */

/* --- portrait-only styles --- */
@media (max-width: 1023.98px) {}

/* --- smallest portrait media query --- */
@media (max-width: 634.98px) {}


/* --- bigger portrait media query --- */
@media (min-width: 635px) and (max-width: 1023.98px) {}



/* -------------------------------- */
/* -- index styles for landscape -- */
/* -------------------------------- */

@media (min-width: 1024px) {}