head.html

<meta name="viewport" content="width=device-width, initial-scale=1"/>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">

<link rel="apple-touch-icon" sizes="180x180" href="/icons/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon/favicon-16x16.png">
<link rel="manifest" href="/icons/favicon/site.webmanifest">
<link rel="shortcut icon" href="/icons/favicon/favicon.ico">

<script src="/scripts/aem.js" type="module"></script>
<script src="/scripts/scripts.js" type="module"></script>
<!-- <link rel="stylesheet" href="/styles/fonts-custom.css"/> -->
<!-- <link rel="stylesheet" href="/styles/global.css"/> -->
<link rel="stylesheet" href="/styles/styles.css"/>
<link rel="stylesheet" href="/styles/styles.header.css"/>
<link rel="stylesheet" href="/styles/styles.footer.css"/>
<link rel="stylesheet" href="/styles/styles.section.common.css"/>
<link rel="stylesheet" href="/styles/styles.section.about.css"/>
<link rel="stylesheet" href="/styles/styles.section.contactus.css"/>
<link rel="stylesheet" href="/styles/styles.section.court.css"/>
<link rel="stylesheet" href="/styles/styles.section.faq.css"/>
<link rel="stylesheet" href="/styles/styles.section.gear.css"/>
<link rel="stylesheet" href="/styles/styles.section.learn.css"/>
<link rel="stylesheet" href="/styles/styles.section.popular.css"/>
<link rel="stylesheet" href="/styles/styles.section.rules.css"/>
<link rel="stylesheet" href="/styles/styles.section.teaser.css"/>