@font-face { font-family: Raleway; src: url("/assets/fonts/Raleway-ExtraBold.ttf"); }

body, html { margin: 0; padding: 0; }

body { font-family: 'Raleway', sans-serif; }

h2 { font-size: 1.5rem; font-weight: 800; }

p { font-size: 1.2rem; font-weight: 800; line-height: 2rem; }

a { color: black; text-decoration: none; }

.grid-container { width: 60%; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 2rem; margin: 0 auto; margin-top: 10rem; margin-bottom: 10rem; }

.grid-item { border: 4px solid black; cursor: pointer; }

.placeholder { cursor: wait; }

.grid-text p { margin: 0; }

.grid-item:hover h2 { text-decoration: underline; }

.placeholder:hover h2 { text-decoration: none; }

.square { position: relative; box-sizing: border-box; }

.square::before { content: ''; display: block; padding-top: 100%; }

.square .content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.content h2 { margin: 2rem; }

.return { font-size: 5rem; font-family: menlo; position: absolute; top: 1rem; left: 3rem; }

.disable-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.arrow { font-family: menlo; font-size: 5rem; font-weight: normal; margin: 2rem; position: absolute; bottom: 10px; }

/*# sourceMappingURL=styles.css.map */