@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Poppins:wght@300;400;500;600&display=swap"); * { box-sizing: border-box; list-style: none; overflow-x: hidden; scroll-behavior: smooth; text-decoration: none; transition: all 0.25s ease; } ::-webkit-scrollbar { width: 0; height: 0; background-color: transparent; } html { font-size: 16px; font-weight: 400; line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Noto Sans, sans-serif; height: 100%; width: 100dvw; } html, body { display: flex; flex-direction: column; height: 100%; margin: 0; padding: 0; width: 100%; } html body nav { align-items: center; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.2); display: flex; flex-direction: row; font-size: medium; font-weight: 700; height: 80px; justify-content: space-between; margin: 0; padding-inline: 1rem; position: fixed; top: 0; width: 100dvw; z-index: 10; } html body nav a:link, html body nav a:visited { color: #fff !important; text-decoration: none !important; } html body nav menu:nth-child(2) { align-items: center; display: flex; flex-direction: row; justify-content: center; } html body nav menu:nth-child(2) li { align-items: center; display: flex; flex-direction: row; gap: 0.5rem; justify-content: center; } html body nav menu:nth-child(2) li a { color: #fff; } html body header article:hover p, html body header article:hover h1 { color: white; } html body main { align-items: center; display: flex; flex-direction: column; gap: 2rem; height: -moz-fit-content; height: fit-content; justify-content: center; margin-top: 20px; margin-inline: auto; position: relative; } html body main section { display: flex; flex-direction: column; padding: calc(1rem + 1vw); gap: 1rem; height: -moz-fit-content; height: fit-content; width: 100%; } html body main section article { margin-inline: auto; width: -moz-fit-content; width: fit-content; max-width: 800px; } html body main section article h2 { font-size: 2rem; font-weight: 700; margin-bottom: 1rem; text-align: left; } html body main section article p { font-size: 1rem; overflow-wrap: break-word; text-align: left; text-indent: 2rem; word-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; margin-bottom: 1rem; word-break: break-word; } html footer { align-items: center; background: rgba(0, 0, 0, 0.5019607843); bottom: 0; display: flex; font-size: medium; font-weight: 700; height: 80px; justify-content: space-between; padding-inline: 1rem; position: absolute; width: 100%; margin-inline: auto; } html footer p:last-child a:link, html footer p:last-child a:visited { color: #fff !important; text-decoration: underline !important; } @media (prefers-color-scheme: light) { body, html { background-color: #181818; color: #000; } } @media (prefers-color-scheme: dark) { body, html { background-color: #181818; color: #f5f5f5; } }

GitHub

Google Student Developer Clubs

Farmingdale State College

No JavaScript Detected

This website requires JavaScript to run. Please enable JavaScript in your browser settings and reload the page. For steps on enabling JavaScript follow the steps provided, in respect to your browser.

Follow this link 👉 [Link]

If you are using a browser that does not support JavaScript, please consider upgrading to a modern browser.

Follow this link 👉 [Link]

Created by Mike Odnis