:root{font-size:10px}*{margin:0;padding:0;box-sizing:border-box}body{display:grid;grid:auto/repeat(4, 1fr);grid-auto-rows:auto;background:#808080;gap:4rem;padding:4rem;margin:0 auto;max-width:180rem}@media screen and (max-width: 1280px){body{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width: 1024px){body{grid-template-columns:1fr 1fr}}@media screen and (max-width: 600px){body{grid-template-columns:1fr}}h1{grid-column:1 / -1;font-family:'Inter', sans-serif;font-size:clamp(3rem, 7vw, 10rem);font-weight:600;padding:5rem;color:white;background:black}.color{border:0.6rem solid #060606;display:flex;flex-direction:column}.color div{border-bottom:0.6rem solid #060606;height:30rem}.color>span{font-family:'Inter', sans-serif;font-size:3rem;font-weight:400;padding:3rem 1rem;background:#060606;color:white;letter-spacing:0.15rem;display:flex;justify-content:space-between;align-items:center}.color>span p{font-size:2.2rem;font-weight:100}.color>span p span{margin-left:0.5rem;font-size:3rem;font-weight:600}.color>span svg{width:20px;margin-left:auto;pointer-events:all}.color>span a:hover{cursor:pointer}
/*# sourceMappingURL=main.css.map */