html{box-sizing:border-box;font-size:100%}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0}h1,h2,h3{line-height:1.1;margin-top:0;font-weight:500}p{margin-top:0}a,a:visited,a:active{text-decoration:none}body{font-family:"Outfit",sans-serif}body{padding:40px;background-color:#f7f7f7}header p{color:hsl(212,6%,44%);text-align:center;margin-bottom:0}header p.features{font-size:24px;font-weight:200;color:#828181}header p.emphasize{font-size:24px;font-weight:600;color:hsl(234,12%,34%)}main{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}main .card{flex:1 100%;padding:30px;margin-top:50px;background-color:#fff;border-radius:.5em;border:none;border-top:5px #000 solid}main .card1{border-color:hsl(180,62%,55%)}main .card2{border-color:hsl(0,78%,62%)}main .card3{border-color:hsl(34,97%,64%)}main .card4{border-color:hsl(212,86%,64%)}.column{display:flex;flex-direction:column;flex:1 100%}.column #builder,.column #karma{width:100%}section h3{font-size:24px;color:hsl(234,12%,34%)}section p{color:#898888}section .icon-container{display:flex;justify-content:flex-end}@media all and (min-width: 1024px){body{padding:70px 120px}header{margin-bottom:50px}header p.features,header p.emphasize{font-size:32px}main{gap:30px}main .card{margin:0;max-height:250px}main .column{align-items:center;flex:1;max-width:300px;gap:30px}main .card1{order:0}main .card2,main .card3{order:1}main .card4{order:2}}/*# sourceMappingURL=style.css.map */