.hero{padding:1em;display:flex;flex-direction:row;min-height:90vh;align-items:center;justify-content:space-around;background-image:linear-gradient(0deg,#d16ba5,#c777b9,#ba83ca,#aa8fd8,#9a9ae1,#8aa7ec,#79b3f4,#69bff8,#52cffe,#41dfff,#46eefa,#5ffbf1)}@media only screen and (max-width:768px){.hero{flex-direction:column}}