├── src
    ├── css
    │   ├── input.css
    │   └── main.css
    └── image
    │   ├── logo.png
    │   └── android-icon-96x96.png
├── README.md
├── postcss.config.js 
├── .idea
    ├── .gitignore
    ├── vcs.xml
    ├── modules.xml
    └── carta_apresentacao.iml
├── tailwind.config.js
├── package.json
├── .github
    └── workflows
    │   └── static.yml
├── index.html
└── dist
    └── css
        └── output.css


/src/css/input.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;


--------------------------------------------------------------------------------
/src/css/main.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # carta_apresentacao
2 | Cartinha de apresentação para novos integrantes
3 | 


--------------------------------------------------------------------------------
/src/image/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Univesp-Computacao/carta_apresentacao/HEAD/src/image/logo.png


--------------------------------------------------------------------------------
/postcss.config.js :
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   }
6 | }


--------------------------------------------------------------------------------
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
2 | /shelf/
3 | /workspace.xml
4 | # Editor-based HTTP Client requests
5 | /httpRequests/
6 | 


--------------------------------------------------------------------------------
/src/image/android-icon-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Univesp-Computacao/carta_apresentacao/HEAD/src/image/android-icon-96x96.png


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 |   content: ["./src/**/*.{html,js}"],
4 |   theme: {
5 |     extend: {},
6 |   },
7 |   plugins: [],
8 | }
9 | 


--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="VcsDirectoryMappings">
4 |     <mapping directory="$PROJECT_DIR$" vcs="Git" />
5 |   </component>
6 | </project>


--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0" encoding="UTF-8"?>
2 | <project version="4">
3 |   <component name="ProjectModuleManager">
4 |     <modules>
5 |       <module fileurl="file://$PROJECT_DIR$/.idea/carta_apresentacao.iml" filepath="$PROJECT_DIR$/.idea/carta_apresentacao.iml" />
6 |     </modules>
7 |   </component>
8 | </project>


--------------------------------------------------------------------------------
/.idea/carta_apresentacao.iml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module type="WEB_MODULE" version="4">
 3 |   <component name="NewModuleRootManager">
 4 |     <content url="file://$MODULE_DIR$">
 5 |       <excludeFolder url="file://$MODULE_DIR$/temp" />
 6 |       <excludeFolder url="file://$MODULE_DIR$/.tmp" />
 7 |       <excludeFolder url="file://$MODULE_DIR$/tmp" />
 8 |     </content>
 9 |     <orderEntry type="inheritedJdk" />
10 |     <orderEntry type="sourceFolder" forTests="false" />
11 |   </component>
12 | </module>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "carta_apresentacao",
 3 |   "version": "2.0.0",
 4 |   "description": "carta apresentcao para grupo github",
 5 |   "main": "tailwind.config.js",
 6 |   "dependencies": {
 7 |     "autoprefixer": "^10.4.13",
 8 |     "postcss": "^8.4.21",
 9 |     "tailwindcss": "^3.2.6"
10 |   },
11 |   "devDependencies": {},
12 |   "scripts": {
13 |     "test": "echo \"Error: no test specified\" && exit 1",
14 |     "dev": "npx tailwindcss -i ./src/css/input.css -o ./dist/css/output.css --watch"
15 |   },
16 |   "repository": {
17 |     "type": "git",
18 |     "url": "git+https://github.com/Univesp-Computacao/carta_apresentacao.git"
19 |   },
20 |   "author": "",
21 |   "license": "ISC",
22 |   "bugs": {
23 |     "url": "https://github.com/Univesp-Computacao/carta_apresentacao/issues"
24 |   },
25 |   "homepage": "https://github.com/Univesp-Computacao/carta_apresentacao#readme"
26 | }
27 | 


--------------------------------------------------------------------------------
/.github/workflows/static.yml:
--------------------------------------------------------------------------------
 1 | # Simple workflow for deploying static content to GitHub Pages
 2 | name: Deploy static content to Pages
 3 | 
 4 | on:
 5 |   # Runs on pushes targeting the default branch
 6 |   push:
 7 |     branches: ["version-2.0"]
 8 | 
 9 |   # Allows you to run this workflow manually from the Actions tab
10 |   workflow_dispatch:
11 | 
12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
13 | permissions:
14 |   contents: read
15 |   pages: write
16 |   id-token: write
17 | 
18 | # Allow one concurrent deployment
19 | concurrency:
20 |   group: "pages"
21 |   cancel-in-progress: true
22 | 
23 | jobs:
24 |   # Single deploy job since we're just deploying
25 |   deploy:
26 |     environment:
27 |       name: github-pages
28 |       url: ${{ steps.deployment.outputs.page_url }}
29 |     runs-on: ubuntu-latest
30 |     steps:
31 |       - name: Checkout
32 |         uses: actions/checkout@v3
33 |       - name: Setup Pages
34 |         uses: actions/configure-pages@v3
35 |       - name: Upload artifact
36 |         uses: actions/upload-pages-artifact@v1
37 |         with:
38 |           # Upload entire repository
39 |           path: '.'
40 |       - name: Deploy to GitHub Pages
41 |         id: deployment
42 |         uses: actions/deploy-pages@v1
43 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     
  5 | <!-- Google tag (gtag.js) -->
  6 | <script async src="https://www.googletagmanager.com/gtag/js?id=G-7V73Z0Y85Y"></script>
  7 | <script>
  8 |   window.dataLayer = window.dataLayer || [];
  9 |   function gtag(){dataLayer.push(arguments);}
 10 |   gtag('js', new Date());
 11 | 
 12 |   gtag('config', 'G-7V73Z0Y85Y');
 13 | </script>
 14 | 
 15 |     <meta charset="UTF-8">
 16 |     <title>Carta de Apresentação</title>
 17 | 
 18 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 19 |     <link href='http://fonts.googleapis.com/css?family=Chelsea+Market' rel='stylesheet' type='text/css'>
 20 | 
 21 |     <link rel="icon" type="image/png" href="src/image/android-icon-96x96.png"/>
 22 |     <link rel="stylesheet" href="src/css/main.css">
 23 |     <link rel="stylesheet" href="/dist/css/output.css">
 24 | </head>
 25 | <body class="py-6 bg-slate-200 text-lg">
 26 | 
 27 | <div class=" ">
 28 |     <!--    LOGO / LINKS-->
 29 | 
 30 |     <header class=" ">
 31 | 
 32 | 
 33 |         <a class=""
 34 | 
 35 |            href="https://github.com/Univesp-Computacao">
 36 | 
 37 |             <img class="m-4 flex mx-auto "
 38 |                  id="logo"
 39 |                  src="src/image/logo.png"
 40 |                  width="210"
 41 |                  height="210">
 42 | 
 43 |             <h1 class="text-4xl md:text-6xl font-black flex flex-col text-center ">
 44 |                 PROJETO GITHUB-UNIVESP
 45 | 
 46 |                 <br>
 47 |                 <small class="text-xl font-medium text-center pt-2 text-shadow-lg text-rose-800 ">
 48 |                     de estudantes para estudantes
 49 |                 </small>
 50 |             </h1>
 51 |         </a>
 52 | 
 53 | 
 54 |         <!--lista de links-->
 55 |         <div class="pb-4 flex mx-auto mx-4 my-2 text-gray-600 ">
 56 |             <ul class="flex mx-auto flex-col text-center pt-4">
 57 |                 <li class="py-1 ">
 58 |                     Faça sua conta no
 59 |                     <a
 60 |                             class="text-gray-900 font-bold
 61 | hover:font-black hover:underline
 62 |                             "
 63 |                             href="https://docs.github.com/pt/get-started/signing-up-for-github/signing-up-for-a-new-github-account"
 64 |                             target="_blank" rel="noopener noreferrer">Github </a>
 65 |                 </li>
 66 |                 <li class="py-1">
 67 |                     Acesse o
 68 |                     <a
 69 |                             class="text-gray-900 font-bold hover:font-black  hover:underline"
 70 |                             href="https://github.com/mobile"
 71 |                             target="_blank"
 72 |                             rel="noopener noreferrer">
 73 |                         Github Mobile
 74 |                     </a>
 75 |                 </li>
 76 |                 <li class="py-1">
 77 |                     Visite nosso
 78 |                     <a
 79 |                             class="text-gray-900 font-bold hover:font-black hover:underline "
 80 |                             href="https://univesp-computacao.github.io/portal-disciplinas/"
 81 |                             rel="noopener noreferrer">
 82 |                         Portal de Disciplinas </a>
 83 |                 </li>
 84 |                 <li class="py-1">
 85 |                     Acesse o repositório dessa
 86 |                     <a
 87 |                             class="text-gray-900 font-bold hover:font-black hover:underline"
 88 |                             href="https://github.com/Univesp-Computacao/carta_apresentacao"
 89 |                             target="_blank"
 90 |                             rel="noopener noreferrer"> Página </a>
 91 |                 </li>
 92 |             </ul>
 93 |         </div>
 94 | 
 95 |     </header>
 96 | 
 97 |     <main>
 98 | 
 99 |         <section class="p-8 pb-12 bg-blue-300 max-w-full">
100 |             <!--        SOBRE-->
101 |             <h2 class="text-6xl pb-4 font-bold text-center text-blue-900 tracking-wide">
102 |                 Sobre
103 |             </h2>
104 | 
105 |             <p class="flex mx-auto text-center max-w-4xl text-lg">
106 |                 Grupo criado para armazenar repositórios de códigos e referências às disciplinas em comum às três áreas
107 |                 (TI,CD e EC). Mas, além disso, queremos tornar o estudo colaborativo, pois o Git é a ferramenta mais
108 |                 adequada para lidar com códigos e quando usado em coletivo se torna mais profissional.
109 |             </p>
110 |         </section>
111 | 
112 |         <section class="p-8 pb-12 bg-blue-900">
113 |             <!--        PROPOSTA-->
114 |             <h2 class="text-6xl pb-4 font-bold  text-center text-blue-200 tracking-wide">
115 |                 Proposta
116 |             </h2>
117 | 
118 |             <p class="flex mx-auto text-center max-w-4xl text-blue-100 ">
119 |                 Os repositórios são baseados e guiados por discipinas do curso, dando no
120 |                 início preferência às disciplinas mais abrangentes.
121 |                 Depois podemos nos aprofundar, dando exemplos de projetos reais: se aprofundando em linguagens de
122 |                 programação com banco de dados, além de frameworks, containers, cloud, linux, etc...
123 |             </p>
124 |         </section>
125 | 
126 | 
127 |         <section class="p-8 pb-12">
128 |             <!--        CONVITE-->
129 |             <h2 class="text-6xl pb-4 font-bold  text-center pb-8 tracking-wide">
130 |                 Cartinha de convite
131 |             </h2>
132 |             <p class="flex mx-auto text-center max-w-4xl ">
133 |                 É com muito prazer e satisfação que nós anunciamos a criação de um Github que poderá sepor
134 |                 todos os alunos da UNIVESP, independente do curso ou período.
135 |                 Entendemos que o Github pode ser um espaço colaborativo muito rico que busca a contribuição e
136 |                 divulgação de dicas dos cursos, projetos relacionados a UNIVESP, e a possibilidade de ser um espaço
137 |                 em comum onde toda interação será bem vinda.
138 |                 O Git é uma ferramenta de versionamento não centralizado, e o Github é o espaço que permite a
139 |                 consulta e o desenvolvimento de qualquer um que queira estar envolvido em um determinado projeto.
140 |                 Por isso, buscando a inclusão e sociabilização dos alunos da UNIVESP, acreditamos que o projeto
141 |                 Github UNIVESP poderá ajudar na construção de um grupo mais fortalecido para os assuntos
142 |                 relacionados a faculdade.
143 |         </section>
144 | 
145 |         <section class="p-4 bg-sky-400">
146 |             <!--        FAÇA PARTE-->
147 |             <h2 class="text-6xl pb-4 text-center text-black ">
148 |                 Faça parte!</h2>
149 | 
150 |             <ul class="flex mx-auto flex-col text-center text-red-800">
151 |                 <li
152 |                         class=" hover:font-bold hover:text-red-900"
153 |                 >Quer estudar em comunidade?
154 |                 </li>
155 |                 <li
156 |                         class=" hover:font-bold hover:text-red-900"
157 |                 >Aprender mais sobre Git?
158 |                 </li>
159 |                 <li
160 |                         class=" hover:font-bold hover:text-red-900"
161 |                 >Colocar seu conhecimento em prática?
162 |                 </li>
163 |                 <li
164 |                         class=" hover:font-bold hover:text-red-900"
165 |                 >Toda colaboração é bem-vinda!
166 |                 </li>
167 |             </ul>
168 |             <div class="flex mx-auto justify-center pt-8">
169 |                 <a class=""
170 |                    href="https://t.me/+9ls6SK68QdhlNmZh">
171 | 
172 |                     <button
173 |                             class=" flex
174 |                         text-white bg-gradient-to-r from-red-400 via-red-500 to-red-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-red-300 shadow-lg shadow-red-500/50 font-medium rounded-lg text-lg px-5 py-2.5 text-center mr-2 mb-2"
175 | 
176 |                     >
177 |                         Entre em contato
178 | 
179 |                 </a>
180 |             </div>
181 |         </section>
182 | 
183 |     </main>
184 | 
185 |     <footer class="bg-black py-2">
186 | 
187 |         <p class="text-gray-200 text-end mx-4 text-sm">
188 |             Desenvolvido por Github Univesp - Estudantes - 2021-2022
189 |         </p>
190 | 
191 |     </footer>
192 | </div>
193 | </body>
194 | </html>
195 | 


--------------------------------------------------------------------------------
/dist/css/output.css:
--------------------------------------------------------------------------------
  1 | /*
  2 | ! tailwindcss v3.2.6 | MIT License | https://tailwindcss.com
  3 | */
  4 | 
  5 | /*
  6 | 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  7 | 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  8 | */
  9 | 
 10 | *,
 11 | ::before,
 12 | ::after {
 13 |   box-sizing: border-box;
 14 |   /* 1 */
 15 |   border-width: 0;
 16 |   /* 2 */
 17 |   border-style: solid;
 18 |   /* 2 */
 19 |   border-color: #e5e7eb;
 20 |   /* 2 */
 21 | }
 22 | 
 23 | ::before,
 24 | ::after {
 25 |   --tw-content: '';
 26 | }
 27 | 
 28 | /*
 29 | 1. Use a consistent sensible line-height in all browsers.
 30 | 2. Prevent adjustments of font size after orientation changes in iOS.
 31 | 3. Use a more readable tab size.
 32 | 4. Use the user's configured `sans` font-family by default.
 33 | 5. Use the user's configured `sans` font-feature-settings by default.
 34 | */
 35 | 
 36 | html {
 37 |   line-height: 1.5;
 38 |   /* 1 */
 39 |   -webkit-text-size-adjust: 100%;
 40 |   /* 2 */
 41 |   -moz-tab-size: 4;
 42 |   /* 3 */
 43 |   -o-tab-size: 4;
 44 |      tab-size: 4;
 45 |   /* 3 */
 46 |   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 47 |   /* 4 */
 48 |   font-feature-settings: normal;
 49 |   /* 5 */
 50 | }
 51 | 
 52 | /*
 53 | 1. Remove the margin in all browsers.
 54 | 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 55 | */
 56 | 
 57 | body {
 58 |   margin: 0;
 59 |   /* 1 */
 60 |   line-height: inherit;
 61 |   /* 2 */
 62 | }
 63 | 
 64 | /*
 65 | 1. Add the correct height in Firefox.
 66 | 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
 67 | 3. Ensure horizontal rules are visible by default.
 68 | */
 69 | 
 70 | hr {
 71 |   height: 0;
 72 |   /* 1 */
 73 |   color: inherit;
 74 |   /* 2 */
 75 |   border-top-width: 1px;
 76 |   /* 3 */
 77 | }
 78 | 
 79 | /*
 80 | Add the correct text decoration in Chrome, Edge, and Safari.
 81 | */
 82 | 
 83 | abbr:where([title]) {
 84 |   -webkit-text-decoration: underline dotted;
 85 |           text-decoration: underline dotted;
 86 | }
 87 | 
 88 | /*
 89 | Remove the default font size and weight for headings.
 90 | */
 91 | 
 92 | h1,
 93 | h2,
 94 | h3,
 95 | h4,
 96 | h5,
 97 | h6 {
 98 |   font-size: inherit;
 99 |   font-weight: inherit;
100 | }
101 | 
102 | /*
103 | Reset links to optimize for opt-in styling instead of opt-out.
104 | */
105 | 
106 | a {
107 |   color: inherit;
108 |   text-decoration: inherit;
109 | }
110 | 
111 | /*
112 | Add the correct font weight in Edge and Safari.
113 | */
114 | 
115 | b,
116 | strong {
117 |   font-weight: bolder;
118 | }
119 | 
120 | /*
121 | 1. Use the user's configured `mono` font family by default.
122 | 2. Correct the odd `em` font sizing in all browsers.
123 | */
124 | 
125 | code,
126 | kbd,
127 | samp,
128 | pre {
129 |   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
130 |   /* 1 */
131 |   font-size: 1em;
132 |   /* 2 */
133 | }
134 | 
135 | /*
136 | Add the correct font size in all browsers.
137 | */
138 | 
139 | small {
140 |   font-size: 80%;
141 | }
142 | 
143 | /*
144 | Prevent `sub` and `sup` elements from affecting the line height in all browsers.
145 | */
146 | 
147 | sub,
148 | sup {
149 |   font-size: 75%;
150 |   line-height: 0;
151 |   position: relative;
152 |   vertical-align: baseline;
153 | }
154 | 
155 | sub {
156 |   bottom: -0.25em;
157 | }
158 | 
159 | sup {
160 |   top: -0.5em;
161 | }
162 | 
163 | /*
164 | 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
165 | 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
166 | 3. Remove gaps between table borders by default.
167 | */
168 | 
169 | table {
170 |   text-indent: 0;
171 |   /* 1 */
172 |   border-color: inherit;
173 |   /* 2 */
174 |   border-collapse: collapse;
175 |   /* 3 */
176 | }
177 | 
178 | /*
179 | 1. Change the font styles in all browsers.
180 | 2. Remove the margin in Firefox and Safari.
181 | 3. Remove default padding in all browsers.
182 | */
183 | 
184 | button,
185 | input,
186 | optgroup,
187 | select,
188 | textarea {
189 |   font-family: inherit;
190 |   /* 1 */
191 |   font-size: 100%;
192 |   /* 1 */
193 |   font-weight: inherit;
194 |   /* 1 */
195 |   line-height: inherit;
196 |   /* 1 */
197 |   color: inherit;
198 |   /* 1 */
199 |   margin: 0;
200 |   /* 2 */
201 |   padding: 0;
202 |   /* 3 */
203 | }
204 | 
205 | /*
206 | Remove the inheritance of text transform in Edge and Firefox.
207 | */
208 | 
209 | button,
210 | select {
211 |   text-transform: none;
212 | }
213 | 
214 | /*
215 | 1. Correct the inability to style clickable types in iOS and Safari.
216 | 2. Remove default button styles.
217 | */
218 | 
219 | button,
220 | [type='button'],
221 | [type='reset'],
222 | [type='submit'] {
223 |   -webkit-appearance: button;
224 |   /* 1 */
225 |   background-color: transparent;
226 |   /* 2 */
227 |   background-image: none;
228 |   /* 2 */
229 | }
230 | 
231 | /*
232 | Use the modern Firefox focus style for all focusable elements.
233 | */
234 | 
235 | :-moz-focusring {
236 |   outline: auto;
237 | }
238 | 
239 | /*
240 | Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
241 | */
242 | 
243 | :-moz-ui-invalid {
244 |   box-shadow: none;
245 | }
246 | 
247 | /*
248 | Add the correct vertical alignment in Chrome and Firefox.
249 | */
250 | 
251 | progress {
252 |   vertical-align: baseline;
253 | }
254 | 
255 | /*
256 | Correct the cursor style of increment and decrement buttons in Safari.
257 | */
258 | 
259 | ::-webkit-inner-spin-button,
260 | ::-webkit-outer-spin-button {
261 |   height: auto;
262 | }
263 | 
264 | /*
265 | 1. Correct the odd appearance in Chrome and Safari.
266 | 2. Correct the outline style in Safari.
267 | */
268 | 
269 | [type='search'] {
270 |   -webkit-appearance: textfield;
271 |   /* 1 */
272 |   outline-offset: -2px;
273 |   /* 2 */
274 | }
275 | 
276 | /*
277 | Remove the inner padding in Chrome and Safari on macOS.
278 | */
279 | 
280 | ::-webkit-search-decoration {
281 |   -webkit-appearance: none;
282 | }
283 | 
284 | /*
285 | 1. Correct the inability to style clickable types in iOS and Safari.
286 | 2. Change font properties to `inherit` in Safari.
287 | */
288 | 
289 | ::-webkit-file-upload-button {
290 |   -webkit-appearance: button;
291 |   /* 1 */
292 |   font: inherit;
293 |   /* 2 */
294 | }
295 | 
296 | /*
297 | Add the correct display in Chrome and Safari.
298 | */
299 | 
300 | summary {
301 |   display: list-item;
302 | }
303 | 
304 | /*
305 | Removes the default spacing and border for appropriate elements.
306 | */
307 | 
308 | blockquote,
309 | dl,
310 | dd,
311 | h1,
312 | h2,
313 | h3,
314 | h4,
315 | h5,
316 | h6,
317 | hr,
318 | figure,
319 | p,
320 | pre {
321 |   margin: 0;
322 | }
323 | 
324 | fieldset {
325 |   margin: 0;
326 |   padding: 0;
327 | }
328 | 
329 | legend {
330 |   padding: 0;
331 | }
332 | 
333 | ol,
334 | ul,
335 | menu {
336 |   list-style: none;
337 |   margin: 0;
338 |   padding: 0;
339 | }
340 | 
341 | /*
342 | Prevent resizing textareas horizontally by default.
343 | */
344 | 
345 | textarea {
346 |   resize: vertical;
347 | }
348 | 
349 | /*
350 | 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
351 | 2. Set the default placeholder color to the user's configured gray 400 color.
352 | */
353 | 
354 | input::-moz-placeholder, textarea::-moz-placeholder {
355 |   opacity: 1;
356 |   /* 1 */
357 |   color: #9ca3af;
358 |   /* 2 */
359 | }
360 | 
361 | input::placeholder,
362 | textarea::placeholder {
363 |   opacity: 1;
364 |   /* 1 */
365 |   color: #9ca3af;
366 |   /* 2 */
367 | }
368 | 
369 | /*
370 | Set the default cursor for buttons.
371 | */
372 | 
373 | button,
374 | [role="button"] {
375 |   cursor: pointer;
376 | }
377 | 
378 | /*
379 | Make sure disabled buttons don't get the pointer cursor.
380 | */
381 | 
382 | :disabled {
383 |   cursor: default;
384 | }
385 | 
386 | /*
387 | 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
388 | 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
389 |    This can trigger a poorly considered lint error in some tools but is included by design.
390 | */
391 | 
392 | img,
393 | svg,
394 | video,
395 | canvas,
396 | audio,
397 | iframe,
398 | embed,
399 | object {
400 |   display: block;
401 |   /* 1 */
402 |   vertical-align: middle;
403 |   /* 2 */
404 | }
405 | 
406 | /*
407 | Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
408 | */
409 | 
410 | img,
411 | video {
412 |   max-width: 100%;
413 |   height: auto;
414 | }
415 | 
416 | /* Make elements with the HTML hidden attribute stay hidden by default */
417 | 
418 | [hidden] {
419 |   display: none;
420 | }
421 | 
422 | *, ::before, ::after {
423 |   --tw-border-spacing-x: 0;
424 |   --tw-border-spacing-y: 0;
425 |   --tw-translate-x: 0;
426 |   --tw-translate-y: 0;
427 |   --tw-rotate: 0;
428 |   --tw-skew-x: 0;
429 |   --tw-skew-y: 0;
430 |   --tw-scale-x: 1;
431 |   --tw-scale-y: 1;
432 |   --tw-pan-x:  ;
433 |   --tw-pan-y:  ;
434 |   --tw-pinch-zoom:  ;
435 |   --tw-scroll-snap-strictness: proximity;
436 |   --tw-ordinal:  ;
437 |   --tw-slashed-zero:  ;
438 |   --tw-numeric-figure:  ;
439 |   --tw-numeric-spacing:  ;
440 |   --tw-numeric-fraction:  ;
441 |   --tw-ring-inset:  ;
442 |   --tw-ring-offset-width: 0px;
443 |   --tw-ring-offset-color: #fff;
444 |   --tw-ring-color: rgb(59 130 246 / 0.5);
445 |   --tw-ring-offset-shadow: 0 0 #0000;
446 |   --tw-ring-shadow: 0 0 #0000;
447 |   --tw-shadow: 0 0 #0000;
448 |   --tw-shadow-colored: 0 0 #0000;
449 |   --tw-blur:  ;
450 |   --tw-brightness:  ;
451 |   --tw-contrast:  ;
452 |   --tw-grayscale:  ;
453 |   --tw-hue-rotate:  ;
454 |   --tw-invert:  ;
455 |   --tw-saturate:  ;
456 |   --tw-sepia:  ;
457 |   --tw-drop-shadow:  ;
458 |   --tw-backdrop-blur:  ;
459 |   --tw-backdrop-brightness:  ;
460 |   --tw-backdrop-contrast:  ;
461 |   --tw-backdrop-grayscale:  ;
462 |   --tw-backdrop-hue-rotate:  ;
463 |   --tw-backdrop-invert:  ;
464 |   --tw-backdrop-opacity:  ;
465 |   --tw-backdrop-saturate:  ;
466 |   --tw-backdrop-sepia:  ;
467 | }
468 | 
469 | ::backdrop {
470 |   --tw-border-spacing-x: 0;
471 |   --tw-border-spacing-y: 0;
472 |   --tw-translate-x: 0;
473 |   --tw-translate-y: 0;
474 |   --tw-rotate: 0;
475 |   --tw-skew-x: 0;
476 |   --tw-skew-y: 0;
477 |   --tw-scale-x: 1;
478 |   --tw-scale-y: 1;
479 |   --tw-pan-x:  ;
480 |   --tw-pan-y:  ;
481 |   --tw-pinch-zoom:  ;
482 |   --tw-scroll-snap-strictness: proximity;
483 |   --tw-ordinal:  ;
484 |   --tw-slashed-zero:  ;
485 |   --tw-numeric-figure:  ;
486 |   --tw-numeric-spacing:  ;
487 |   --tw-numeric-fraction:  ;
488 |   --tw-ring-inset:  ;
489 |   --tw-ring-offset-width: 0px;
490 |   --tw-ring-offset-color: #fff;
491 |   --tw-ring-color: rgb(59 130 246 / 0.5);
492 |   --tw-ring-offset-shadow: 0 0 #0000;
493 |   --tw-ring-shadow: 0 0 #0000;
494 |   --tw-shadow: 0 0 #0000;
495 |   --tw-shadow-colored: 0 0 #0000;
496 |   --tw-blur:  ;
497 |   --tw-brightness:  ;
498 |   --tw-contrast:  ;
499 |   --tw-grayscale:  ;
500 |   --tw-hue-rotate:  ;
501 |   --tw-invert:  ;
502 |   --tw-saturate:  ;
503 |   --tw-sepia:  ;
504 |   --tw-drop-shadow:  ;
505 |   --tw-backdrop-blur:  ;
506 |   --tw-backdrop-brightness:  ;
507 |   --tw-backdrop-contrast:  ;
508 |   --tw-backdrop-grayscale:  ;
509 |   --tw-backdrop-hue-rotate:  ;
510 |   --tw-backdrop-invert:  ;
511 |   --tw-backdrop-opacity:  ;
512 |   --tw-backdrop-saturate:  ;
513 |   --tw-backdrop-sepia:  ;
514 | }
515 | 
516 | .m-4 {
517 |   margin: 1rem;
518 | }
519 | 
520 | .mx-4 {
521 |   margin-left: 1rem;
522 |   margin-right: 1rem;
523 | }
524 | 
525 | .mx-auto {
526 |   margin-left: auto;
527 |   margin-right: auto;
528 | }
529 | 
530 | .my-2 {
531 |   margin-top: 0.5rem;
532 |   margin-bottom: 0.5rem;
533 | }
534 | 
535 | .mb-2 {
536 |   margin-bottom: 0.5rem;
537 | }
538 | 
539 | .mr-2 {
540 |   margin-right: 0.5rem;
541 | }
542 | 
543 | .flex {
544 |   display: flex;
545 | }
546 | 
547 | .max-w-4xl {
548 |   max-width: 56rem;
549 | }
550 | 
551 | .max-w-full {
552 |   max-width: 100%;
553 | }
554 | 
555 | .flex-col {
556 |   flex-direction: column;
557 | }
558 | 
559 | .justify-center {
560 |   justify-content: center;
561 | }
562 | 
563 | .rounded-lg {
564 |   border-radius: 0.5rem;
565 | }
566 | 
567 | .bg-black {
568 |   --tw-bg-opacity: 1;
569 |   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
570 | }
571 | 
572 | .bg-blue-300 {
573 |   --tw-bg-opacity: 1;
574 |   background-color: rgb(147 197 253 / var(--tw-bg-opacity));
575 | }
576 | 
577 | .bg-blue-900 {
578 |   --tw-bg-opacity: 1;
579 |   background-color: rgb(30 58 138 / var(--tw-bg-opacity));
580 | }
581 | 
582 | .bg-sky-400 {
583 |   --tw-bg-opacity: 1;
584 |   background-color: rgb(56 189 248 / var(--tw-bg-opacity));
585 | }
586 | 
587 | .bg-slate-200 {
588 |   --tw-bg-opacity: 1;
589 |   background-color: rgb(226 232 240 / var(--tw-bg-opacity));
590 | }
591 | 
592 | .bg-gradient-to-r {
593 |   background-image: linear-gradient(to right, var(--tw-gradient-stops));
594 | }
595 | 
596 | .from-red-400 {
597 |   --tw-gradient-from: #f87171;
598 |   --tw-gradient-to: rgb(248 113 113 / 0);
599 |   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
600 | }
601 | 
602 | .via-red-500 {
603 |   --tw-gradient-to: rgb(239 68 68 / 0);
604 |   --tw-gradient-stops: var(--tw-gradient-from), #ef4444, var(--tw-gradient-to);
605 | }
606 | 
607 | .to-red-600 {
608 |   --tw-gradient-to: #dc2626;
609 | }
610 | 
611 | .p-4 {
612 |   padding: 1rem;
613 | }
614 | 
615 | .p-8 {
616 |   padding: 2rem;
617 | }
618 | 
619 | .px-5 {
620 |   padding-left: 1.25rem;
621 |   padding-right: 1.25rem;
622 | }
623 | 
624 | .py-1 {
625 |   padding-top: 0.25rem;
626 |   padding-bottom: 0.25rem;
627 | }
628 | 
629 | .py-2 {
630 |   padding-top: 0.5rem;
631 |   padding-bottom: 0.5rem;
632 | }
633 | 
634 | .py-2\.5 {
635 |   padding-top: 0.625rem;
636 |   padding-bottom: 0.625rem;
637 | }
638 | 
639 | .py-6 {
640 |   padding-top: 1.5rem;
641 |   padding-bottom: 1.5rem;
642 | }
643 | 
644 | .pb-12 {
645 |   padding-bottom: 3rem;
646 | }
647 | 
648 | .pb-4 {
649 |   padding-bottom: 1rem;
650 | }
651 | 
652 | .pb-8 {
653 |   padding-bottom: 2rem;
654 | }
655 | 
656 | .pt-2 {
657 |   padding-top: 0.5rem;
658 | }
659 | 
660 | .pt-4 {
661 |   padding-top: 1rem;
662 | }
663 | 
664 | .pt-8 {
665 |   padding-top: 2rem;
666 | }
667 | 
668 | .text-center {
669 |   text-align: center;
670 | }
671 | 
672 | .text-end {
673 |   text-align: end;
674 | }
675 | 
676 | .text-4xl {
677 |   font-size: 2.25rem;
678 |   line-height: 2.5rem;
679 | }
680 | 
681 | .text-6xl {
682 |   font-size: 3.75rem;
683 |   line-height: 1;
684 | }
685 | 
686 | .text-lg {
687 |   font-size: 1.125rem;
688 |   line-height: 1.75rem;
689 | }
690 | 
691 | .text-sm {
692 |   font-size: 0.875rem;
693 |   line-height: 1.25rem;
694 | }
695 | 
696 | .text-xl {
697 |   font-size: 1.25rem;
698 |   line-height: 1.75rem;
699 | }
700 | 
701 | .font-black {
702 |   font-weight: 900;
703 | }
704 | 
705 | .font-bold {
706 |   font-weight: 700;
707 | }
708 | 
709 | .font-medium {
710 |   font-weight: 500;
711 | }
712 | 
713 | .tracking-wide {
714 |   letter-spacing: 0.025em;
715 | }
716 | 
717 | .text-black {
718 |   --tw-text-opacity: 1;
719 |   color: rgb(0 0 0 / var(--tw-text-opacity));
720 | }
721 | 
722 | .text-blue-100 {
723 |   --tw-text-opacity: 1;
724 |   color: rgb(219 234 254 / var(--tw-text-opacity));
725 | }
726 | 
727 | .text-blue-200 {
728 |   --tw-text-opacity: 1;
729 |   color: rgb(191 219 254 / var(--tw-text-opacity));
730 | }
731 | 
732 | .text-blue-900 {
733 |   --tw-text-opacity: 1;
734 |   color: rgb(30 58 138 / var(--tw-text-opacity));
735 | }
736 | 
737 | .text-gray-200 {
738 |   --tw-text-opacity: 1;
739 |   color: rgb(229 231 235 / var(--tw-text-opacity));
740 | }
741 | 
742 | .text-gray-600 {
743 |   --tw-text-opacity: 1;
744 |   color: rgb(75 85 99 / var(--tw-text-opacity));
745 | }
746 | 
747 | .text-gray-900 {
748 |   --tw-text-opacity: 1;
749 |   color: rgb(17 24 39 / var(--tw-text-opacity));
750 | }
751 | 
752 | .text-red-800 {
753 |   --tw-text-opacity: 1;
754 |   color: rgb(153 27 27 / var(--tw-text-opacity));
755 | }
756 | 
757 | .text-rose-800 {
758 |   --tw-text-opacity: 1;
759 |   color: rgb(159 18 57 / var(--tw-text-opacity));
760 | }
761 | 
762 | .text-white {
763 |   --tw-text-opacity: 1;
764 |   color: rgb(255 255 255 / var(--tw-text-opacity));
765 | }
766 | 
767 | .shadow-lg {
768 |   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
769 |   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
770 |   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
771 | }
772 | 
773 | .shadow-red-500\/50 {
774 |   --tw-shadow-color: rgb(239 68 68 / 0.5);
775 |   --tw-shadow: var(--tw-shadow-colored);
776 | }
777 | 
778 | .hover\:bg-gradient-to-br:hover {
779 |   background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
780 | }
781 | 
782 | .hover\:font-black:hover {
783 |   font-weight: 900;
784 | }
785 | 
786 | .hover\:font-bold:hover {
787 |   font-weight: 700;
788 | }
789 | 
790 | .hover\:text-red-900:hover {
791 |   --tw-text-opacity: 1;
792 |   color: rgb(127 29 29 / var(--tw-text-opacity));
793 | }
794 | 
795 | .hover\:underline:hover {
796 |   text-decoration-line: underline;
797 | }
798 | 
799 | .focus\:outline-none:focus {
800 |   outline: 2px solid transparent;
801 |   outline-offset: 2px;
802 | }
803 | 
804 | .focus\:ring-4:focus {
805 |   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
806 |   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
807 |   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
808 | }
809 | 
810 | .focus\:ring-red-300:focus {
811 |   --tw-ring-opacity: 1;
812 |   --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity));
813 | }
814 | 
815 | @media (min-width: 768px) {
816 |   .md\:text-6xl {
817 |     font-size: 3.75rem;
818 |     line-height: 1;
819 |   }
820 | }


--------------------------------------------------------------------------------