* {
box-sizing: border-box;
}
.container {
width: 100%;
}
@media (min-width: 375px) {
.container {
max-width: 375px;
}
}
@media (min-width: 600px) {
.container {
max-width: 600px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 920px) {
.container {
max-width: 920px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1160px) {
.container {
max-width: 1160px;
}
}
@media (min-width: 1380px) {
.container {
max-width: 1380px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1440px;
}
}
@media (min-width: 1920px) {
.container {
max-width: 1920px;
}
}
.visible {
visibility: visible;
}
.static {
position: static;
}
.absolute {
position: absolute;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.block {
display: block;
}
.flex {
display: flex;
}
.hidden {
display: none;
}
.h-auto {
height: auto;
}
.w-full {
width: 100%;
}
.max-w-full {
max-width: 100%;
}
.justify-center {
justify-content: center;
}
.transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.hover\:opacity-75:hover {
opacity: 0.75;
}
@media (min-width: 768px) {
.md\:hidden {
display: none;
}
}
@media (max-width: 767px) {
.max-md\:hidden {
display: none;
}
}
@media (max-width: 1023px) {
.max-lg\:hidden {
display: none;
}
}