.margin-x{margin:0 5px}body{background:#36342f}.card{color:#fff}.slider{max-width:50%;margin:0 auto}input[type=range]::-webkit-slider-thumb{cursor:ew-resize}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.recommendation-group{display:flex;flex-direction:row;justify-content:space-around}@media (max-width:768px){.recommendation-group{flex-direction:column;align-items:center}}.card{width:300px}