@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e6e6e6;font-family:monospace;margin:0}.app{margin:80px 20px}.header{margin-bottom:60px}.heading{all:unset;display:block;font-family:Helvetica Neue,sans-serif;font-size:45px;letter-spacing:-.05em;line-height:.8em;text-transform:capitalize}.subhead{all:unset;color:#7a28cc;display:block;font-family:Helvetica Neue,sans-serif;font-size:45px;letter-spacing:-.05em;line-height:.8em;text-transform:capitalize}.grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media screen and (min-width:768px){.app{margin:120px 10vw}.grid{gap:30px;grid-template-columns:repeat(3,1fr)}.heading,.subhead{font-size:60px}}.link{grid-column:span 1}a{all:unset;cursor:pointer}.container{border:2px solid #000;display:flex;flex-direction:column;height:100%}.container:hover,a:focus{outline:2px solid #000}.container:hover .title{background-color:#000;color:#fff}.image{aspect-ratio:1/1;border-bottom:2px solid #000;object-fit:cover;object-position:50% 50%;width:100%}.title{align-items:center;display:flex;height:100%;justify-content:center;padding:10px;text-align:center}
/*# sourceMappingURL=main.fcf0258b.css.map*/