.color-cards{align-items:start;display:flex;flex-direction:row;gap:20px;justify-content:left}.color-card{padding:10px;width:320px}.color-card-area{aspect-ratio:4/3;display:block;margin-bottom:10px;width:100%}.color-cards .color-1{background-color:#5621b3}.color-cards .color-2{background-color:#ff5400}.style-row{display:flex;flex-direction:row;gap:20px;margin-bottom:30px;width:100%}.style-row:last-child{margin-bottom:0}.style-row-left{width:25%}.style-row-right{width:75%}@media (max-width:576px){.color-cards{flex-direction:column}.color-card{width:100%}.color-card-area{aspect-ratio:2/1}.style-row{flex-direction:column;gap:20px}.style-row-left,.style-row-right{width:100%}}