/* ==================================
RESPONSIVIDADE
================================== */
@media (max-width: 1366px) {
.content-title {
font-size: clamp(12px, 1.05vw, 18px);
}
.content-list li {
font-size: clamp(9px, 0.82vw, 14px);
}
}
@media (max-width: 900px) {
body {
align-items: flex-start;
}
.page {
width: 100vw;
aspect-ratio: 4 / 3;
}
.content-list li {
font-size: clamp(8px, 1.05vw, 13px);
}
.content-title {
font-size: clamp(11px, 1.3vw, 16px);
}
}
@media (max-width: 600px) {
.page {
width: 100vw;
}
.step-btn:hover {
transform: none;
}
}