/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Headland+One&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Headland+One&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,100..900;1,100..900&family=Headland+One&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* ---------- Color Variables ---------- */
:root {
  --light-blue-background: #eef7ff;
  --blue-text-color: #5282d4;
  --yellow-background: #ffe252;
  --item-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  --gray-font-color: rgb(156, 163, 175);
  --light-gray-background: rgb(244, 247, 252);
}

/* ---------- Reset ---------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}
* {
  margin: 0;
}
body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
p {
  text-wrap: pretty;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-wrap: balance;
}
#root,
#__next {
  isolation: isolate;
}

/* ---------- Main CSS ---------- */
body {
  display: grid;
  grid-template: 65px 1fr 50px / 1fr;
  font-family: 'Roboto', Verdana, Geneva, Tahoma, sans-serif;
}
body#home-body {
  display: grid;
  grid-template: 40px 65px 1fr 50px / 1fr;
  font-family: 'Roboto', Verdana, Geneva, Tahoma, sans-serif;
}

/* ----- Announcement Bar ----- */
#announcement-bar {
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: rgb(7, 32, 72);
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 8px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.abar-content-wrapper {
  display: flex;
}
.abar-text-wrapper {
  color: var(--light-blue-background);
}
.abar-a-wrapper {
  margin-left: 20px;
}
.abar-a-wrapper > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 0 5px;
  color: black;
  background-color: var(--yellow-background);
  border-radius: 5px;
  transition: 0.2s ease-in-out;
}
.abar-a-wrapper > a > img {
  display: inline;
  width: 15px;
  margin-left: 5px;
}
.abar-a-wrapper > a:hover {
  transform: scale(1.1) rotate(2deg);
}
.abar-close-wrapper > img {
  width: 25px;
  padding: 6px;
  border-radius: 50%;
  background-color: var(--blue-text-color);
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.abar-close-wrapper > img:hover {
  transform: scale(1.1);
  opacity: 0.8;
}

/* ----- Header ----- */
header {
  width: 100vw;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header-logo > a > img {
  margin-left: 10vw;
  height: 40px;
  transition: 0.2s ease-in-out;
}
#header-logo > a > img:hover {
  transform: scale(1.05) rotate(2deg);
}
#navbar {
  margin-right: 10vw;
  display: grid;
  grid-template: 1fr / repeat(5, min-content);
  gap: 20px;
}
#navbar > a {
  color: var(--gray-font-color);
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
#navbar > a:hover {
  color: rgb(98, 102, 108);
  transform: scale(1.1);
}
#navbar > #current-page {
  color: rgb(98, 102, 108);
  text-decoration: underline;
}

/* ----- Main ----- */
main {
  background-color: var(--light-blue-background);
  display: flex;
  flex-direction: column;
}

#hero {
  padding: 100px 10vw 50px 10vw;
  background-color: var(--yellow-background);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#hero > #hero-left {
  width: max(350px, 40vw);
  min-width: 350px;
}

#hero-right > img {
  width: min(300px, 30vw);
  border-radius: 50%;
  border: 4px solid black;
  object-fit: cover;
}

#hero-header {
  font-family: 'Headland+One';
  font-weight: bold;
  font-size: 4.5rem;
  line-height: 4.5rem;
}

#hero-header > span {
  color: var(--blue-text-color);
}

#hero-text {
  font-family: 'Chivo';
  margin-top: 10px;
  font-size: 1.2rem;
  line-height: 2rem;
  color: rgb(56, 61, 71);
  padding: 30px 0 30px 0;
}

.row-divider {
  background-color: var(--yellow-background);
}

/* Form embed */
.ml-form-embedWrapper {
  box-shadow: var(--item-shadow);
}

/* ----- Footer ----- */
footer {
  box-shadow: rgba(0, 0, 0, 0.24) 0px -3px 8px;
  z-index: 1;
  color: var(--gray-font-color);
  display: flex;
  align-items: center;
  padding: 15px;
  justify-content: space-between;
}
footer.footer-copyright {
  color: var(--gray-font-color);
}
footer > div {
  display: flex;
  justify-content: center;
  transition: 0.2s ease-in-out;
}
footer > div:hover {
  transform: scale(1.05);
}
.footer-discord > a > img {
  width: 60px;
}
.footer-mail > img {
  width: 20px;
  margin-right: 5px;
}
.footer-mail > a {
  text-decoration: none;
  color: black;
}

/* ----- Modules ----- */
.module-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.course-title,
.socials-text-title {
  font-size: 2rem;
  align-self: center;
}
.course-title > span,
.socials-text-title > span {
  color: var(--blue-text-color);
}

.module {
  width: clamp(300px, 70vw, 800px);
  margin: 50px;
}
.module-header {
  background-color: white;
  border: 2px solid black;
  border-radius: 5px;
  box-shadow: var(--item-shadow);
  padding: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 30px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.module-header:hover {
  background-color: var(--light-gray-background);
}
.module-title {
  font-weight: bold;
  font-size: 1.25rem;
}
.dropdown-icon {
  width: 30px;
  rotate: 180deg;
  transition: 0.2s ease-in-out;
}
.dropdown-icon.active {
  transform: rotate(180deg);
}

.module-dropdown {
  background-color: white;
  border: 2px solid black;
  border-radius: 5px;
  box-shadow: var(--item-shadow);
  margin-top: 5px;
  display: flex;
  flex-direction: column;
}
.module-description {
  padding: 1.5rem;
}
.pdfobject-container {
  align-self: center;
  width: 80%;
  height: 500px;
  border-radius: 15px;
  border: 3px solid black;
  margin-bottom: 1.5rem;
}
.pdfobject-container > iframe {
  border-radius: 10px;
}

.submodule-header {
  padding: 0.5rem;
  border-top: 1px solid var(--gray-font-color);
  cursor: pointer;
  transition: 0.2s ease-in-out;
  display: grid;
  grid-template-columns: 1fr 30px;
}
.submodule-header:not(:last-child) {
  border-bottom: 1px solid var(--gray-font-color);
}
.submodule-header:hover {
  background-color: var(--light-gray-background);
}
.submodule-title {
  font-weight: bold;
  font-size: 1.25rem;
}

.submodule-dropdown {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.submodule-dropdown-title {
  font-size: 2rem;
  align-self: center;
  margin: 20px;
}
.submodule-dropdown-title > span {
  color: var(--blue-text-color);
}

.embed-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}
.embed-container > .yt-embed {
  width: 80%;
  height: clamp(144px, 36vw, 432px);
  border: 2px solid black;
  border-radius: 10px;
}
.embed-container > embed {
  width: 80%;
  height: 500px;
  border-radius: 10px;
  border: 2px solid black;
}

/* ---------- About Page ---------- */
#main-about {
  background-color: #d9eff3;
  align-items: center;
  position: relative;
}

#main-about > svg {
  position: absolute;
  top: -30px;
  align-self: center;
  width: clamp(300px, 30vw, 600px);
  z-index: 1;
}

#main-about > img {
  align-self: center;
  position: absolute;
  width: clamp(300px, 30vw, 600px);
  bottom: 0;
}

.mission-statement {
  margin-top: 80px;
  z-index: 2;
}

.mission-statement > h1 {
  font-family: 'Headland+One';
  font-size: 4rem;
  text-align: center;
}
.mission-statement > h1 > span {
  color: var(--blue-text-color);
}
.mission-statement > p {
  font-family: 'Chivo';
  font-size: 2rem;
  width: clamp(400px, 80vw, 1000px);
  text-align: center;
}
#main-about > p {
  text-align: justify;
  margin: 80px 20vw;
  padding: 10px;
  font-size: 1.2rem;
  border-radius: 10px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1015%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 244%2c 191%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c567.703C106.62%2c556.983%2c217.658%2c533.903%2c296.43%2c461.254C370.599%2c392.851%2c361.257%2c275.399%2c411.692%2c188.013C469.877%2c87.199%2c613.886%2c28.184%2c613.555%2c-88.216C613.23%2c-202.462%2c490.524%2c-274.206%2c410.147%2c-355.395C334.928%2c-431.374%2c258.427%2c-503.516%2c160.327%2c-546.024C52.373%2c-592.802%2c-63.898%2c-633.447%2c-179.357%2c-610.832C-299.54%2c-587.291%2c-413.668%2c-519.711%2c-484.404%2c-419.738C-552.633%2c-323.309%2c-553.187%2c-197.92%2c-555.086%2c-79.809C-556.79%2c26.211%2c-530.696%2c126.193%2c-494.784%2c225.96C-455.846%2c334.132%2c-431.98%2c459.643%2c-337.384%2c524.98C-242.182%2c590.735%2c-115.123%2c579.278%2c0%2c567.703' fill='%23ffec92'%3e%3c/path%3e%3cpath d='M1440 983.5219999999999C1516.004 966.433 1561.797 892.1410000000001 1632.665 859.7919999999999 1720.8899999999999 819.52 1856.599 856.53 1903.8 771.81 1949.79 689.264 1857.2640000000001 594.554 1831.012 503.781 1808.972 427.572 1804.425 348.048 1761.882 281.088 1714.47 206.46300000000002 1661.189 119.81900000000002 1574.881 100.63900000000001 1488.824 81.51499999999999 1410.291 148.87900000000002 1329.9180000000001 185.09500000000003 1260.719 216.276 1189.154 242.27800000000002 1137.379 297.777 1084.374 354.594 1048.3 425.228 1034.55 501.705 1020.486 579.926 1034.616 658.363 1058.943 734.023 1085.85 817.706 1108.71 912.914 1182.251 961.065 1255.894 1009.283 1354.12 1002.832 1440 983.5219999999999' fill='%23fffcec'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1015'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  box-shadow: var(--item-shadow);
  z-index: 2;
}

/* ---------- Timeline Page ---------- */
#main-timeline {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='729' preserveAspectRatio='none' viewBox='0 0 1440 729'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1075%26quot%3b)' fill='none'%3e%3crect width='1440' height='729' x='0' y='0' fill='rgba(224%2c 237%2c 248%2c 1)'%3e%3c/rect%3e%3cpath d='M-10.668277090584322 73.89180729344079L38.65300059429343 235.21443755600689 199.9756308568595 185.89315987112914 150.65435317198177 24.570529608563042z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M223.291%2c823.515C288.27%2c821.975%2c360.591%2c814.563%2c393.128%2c758.296C425.689%2c701.987%2c395.655%2c635.793%2c365.023%2c578.411C331.71%2c516.007%2c294.027%2c440.789%2c223.291%2c440.148C152.028%2c439.503%2c112.082%2c513.746%2c77.042%2c575.803C42.848%2c636.362%2c3.553%2c706.806%2c38.91%2c766.693C73.954%2c826.05%2c154.38%2c825.149%2c223.291%2c823.515' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M804.9542788395023 649.4523214026271L935.4751303791568 531.9308188111243 817.9536277876539 401.40996727146984 687.4327762479994 518.9314698629728z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M67.357%2c565.487C87.536%2c566.505%2c108.12%2c558.271%2c118.228%2c540.776C128.34%2c523.273%2c125.433%2c501.171%2c114.243%2c484.337C104.155%2c469.16%2c85.563%2c465.055%2c67.357%2c464.242C47.045%2c463.335%2c23.004%2c462.323%2c12.614%2c479.8C2.11%2c497.468%2c13.597%2c518.735%2c24.663%2c536.056C34.637%2c551.668%2c48.855%2c564.553%2c67.357%2c565.487' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1105.988%2c645.203C1142.879%2c642.845%2c1162.496%2c606.005%2c1181.142%2c574.086C1200.042%2c541.732%2c1225.207%2c505.127%2c1206.92%2c472.423C1188.419%2c439.335%2c1143.786%2c436.789%2c1105.988%2c439.682C1073.875%2c442.14%2c1046.173%2c459.019%2c1028.688%2c486.067C1009.253%2c516.131%2c996.479%2c552.689%2c1012.121%2c584.89C1029.538%2c620.746%2c1066.207%2c647.746%2c1105.988%2c645.203' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1210.1816649884404 616.0086175131985L1079.819016795024 585.7811395931216 1112.0632946929252 698.2303000654819z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M766.2834822875174 176.32743100348682L918.7529767395063 184.31801861612354 926.743564352143 31.848524164134574 774.2740699001541 23.857936551497858z' fill='rgba(28%2c 83%2c 142%2c 0.4)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1075'%3e%3crect width='1440' height='729' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10vw;
}

#timeline-table,
#resources-table {
  border-collapse: collapse;
  box-shadow: var(--item-shadow);
  background-color: white;
  text-align: left;
  overflow: hidden;
  border-radius: 10px;
}
#timeline-table > thead,
#resources-table > thead {
  box-shadow: var(--item-shadow);
}
th {
  padding: 1rem 2rem;
  color: var(--blue-text-color);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.8rem;
  font-weight: 900;
}
td {
  padding: 1rem 2rem;
}
.timeline-table-status {
  padding: 0.2rem 1rem;
  text-align: center;
  border-radius: 5px;
}
.timeline-table-status.uploaded {
  background-color: rgb(99, 238, 99);
  color: rgb(46, 105, 46);
}
.timeline-table-status.not-uploaded {
  background-color: var(--yellow-background);
  color: #928231;
}
tr:nth-child(even) {
  background-color: rgb(223, 231, 242);
}

/* ---------- Resources Page ---------- */
#main-resources {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1063%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(224%2c 237%2c 248%2c 1)'%3e%3c/rect%3e%3cpath d='M109.73 540.03L174.69 577.53L174.69 652.53L109.73 690.03L44.78 652.53L44.78 577.53zM174.69 -22.47L239.64 15.03L239.64 90.03L174.69 127.53L109.73 90.03L109.73 15.03zM239.64 315.03L304.6 352.53L304.6 427.53L239.64 465.03L174.69 427.53L174.69 352.53zM174.69 427.53L239.64 465.03L239.64 540.03L174.69 577.53L109.73 540.03L109.73 465.03zM239.64 540.03L304.6 577.53L304.6 652.53L239.64 690.03L174.69 652.53L174.69 577.53zM434.5 427.53L499.46 465.03L499.46 540.03L434.5 577.53L369.55 540.03L369.55 465.03zM629.36 90.03L694.32 127.53L694.32 202.53L629.36 240.03L564.41 202.53L564.41 127.53zM759.27 90.03L824.23 127.53L824.23 202.53L759.27 240.03L694.32 202.53L694.32 127.53zM889.18 540.03L954.13 577.53L954.13 652.53L889.18 690.03L824.22 652.53L824.22 577.53zM1084.04 427.53L1148.99 465.03L1148.99 540.03L1084.04 577.53L1019.09 540.03L1019.09 465.03zM1278.9 90.03L1343.85 127.53L1343.85 202.53L1278.9 240.03L1213.95 202.53L1213.95 127.53zM1278.9 315.03L1343.85 352.53L1343.85 427.53L1278.9 465.03L1213.95 427.53L1213.95 352.53z' stroke='rgba(3%2c 48%2c 93%2c 0.44)' stroke-width='2'%3e%3c/path%3e%3cpath d='M102.23 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 652.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM102.23 690.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM37.28 652.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM37.28 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 -22.47 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 15.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 90.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM102.23 90.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM102.23 15.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 315.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM297.1 352.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM297.1 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM167.19 352.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM102.23 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM297.1 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM297.1 652.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM232.14 690.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM427 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM491.96 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM491.96 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM427 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM362.05 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM362.05 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM621.86 90.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM686.82 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM686.82 202.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM621.86 240.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM556.91 202.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM556.91 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM751.77 90.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM816.73 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM816.73 202.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM751.77 240.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM881.68 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM946.63 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM946.63 652.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM881.68 690.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM816.72 652.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM816.72 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1076.54 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1141.49 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1141.49 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1076.54 577.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1011.59 540.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1011.59 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1271.4 90.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1336.35 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1336.35 202.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1271.4 240.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1206.45 202.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1206.45 127.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1271.4 315.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1336.35 352.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1336.35 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1271.4 465.03 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1206.45 427.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0zM1206.45 352.53 a7.5 7.5 0 1 0 15 0 a7.5 7.5 0 1 0 -15 0z' fill='rgba(3%2c 48%2c 93%2c 0.44)'%3e%3c/path%3e%3cpath d='M84.64 33.05L127.95 58.05L127.95 108.05L84.64 133.05L41.34 108.05L41.34 58.05zM41.34 408.05L84.64 433.05L84.64 483.05L41.34 508.05L-1.96 483.05L-1.96 433.05zM171.25 483.05L214.55 508.05L214.55 558.05L171.25 583.05L127.95 558.05L127.95 508.05zM257.85 183.05L301.15 208.05L301.15 258.05L257.85 283.05L214.55 258.05L214.55 208.05zM387.76 -41.95L431.06 -16.95L431.06 33.05L387.76 58.05L344.46 33.05L344.46 -16.95zM387.76 258.05L431.06 283.05L431.06 333.05L387.76 358.05L344.46 333.05L344.46 283.05zM387.76 408.05L431.06 433.05L431.06 483.05L387.76 508.05L344.46 483.05L344.46 433.05zM474.37 -41.95L517.67 -16.95L517.67 33.05L474.37 58.05L431.06 33.05L431.06 -16.95zM517.67 333.05L560.97 358.05L560.97 408.05L517.67 433.05L474.37 408.05L474.37 358.05zM690.88 183.05L734.18 208.05L734.18 258.05L690.88 283.05L647.58 258.05L647.58 208.05zM647.58 258.05L690.88 283.05L690.88 333.05L647.58 358.05L604.27 333.05L604.27 283.05zM647.58 408.05L690.88 433.05L690.88 483.05L647.58 508.05L604.27 483.05L604.27 433.05zM734.18 -41.95L777.48 -16.95L777.48 33.05L734.18 58.05L690.88 33.05L690.88 -16.95zM820.79 258.05L864.09 283.05L864.09 333.05L820.79 358.05L777.48 333.05L777.48 283.05zM820.79 408.05L864.09 433.05L864.09 483.05L820.79 508.05L777.48 483.05L777.48 433.05zM864.09 483.05L907.39 508.05L907.39 558.05L864.09 583.05L820.79 558.05L820.79 508.05zM907.39 408.05L950.69 433.05L950.69 483.05L907.39 508.05L864.09 483.05L864.09 433.05zM994 258.05L1037.3 283.05L1037.3 333.05L994 358.05L950.69 333.05L950.69 283.05zM994 408.05L1037.3 433.05L1037.3 483.05L994 508.05L950.69 483.05L950.69 433.05zM1080.6 108.05L1123.9 133.05L1123.9 183.05L1080.6 208.05L1037.3 183.05L1037.3 133.05zM1167.2 -41.95L1210.51 -16.95L1210.51 33.05L1167.2 58.05L1123.9 33.05L1123.9 -16.95zM1210.51 333.05L1253.81 358.05L1253.81 408.05L1210.51 433.05L1167.2 408.05L1167.2 358.05zM1167.2 408.05L1210.51 433.05L1210.51 483.05L1167.2 508.05L1123.9 483.05L1123.9 433.05zM1297.11 333.05L1340.41 358.05L1340.41 408.05L1297.11 433.05L1253.81 408.05L1253.81 358.05z' stroke='rgba(6%2c 80%2c 156%2c 0.36)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1063'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10vw;
}

.download-resource-icon {
  padding: 10px 20px;
  background-color: var(--yellow-background);
  border-radius: 5px;
  border: 2px solid #e4ce62;
  box-shadow: var(--item-shadow);
  margin: auto;
  height: 40px;
  transition: 0.2s ease-in-out;
}

.download-resource-icon:hover {
  transform: scale(1.1);
  opacity: 0.8;
}
.download-resource-icon:active {
  transform: scale(0.9);
  opacity: 1;
}

/* ---------- Socials Page ---------- */
#main-socials {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1016%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(175%2c 197%2c 216%2c 1)'%3e%3c/rect%3e%3cpath d='M 0%2c84 C 57.6%2c120.6 172.8%2c257 288%2c267 C 403.2%2c277 460.8%2c140.6 576%2c134 C 691.2%2c127.4 748.8%2c240 864%2c234 C 979.2%2c228 1036.8%2c120 1152%2c104 C 1267.2%2c88 1382.4%2c144 1440%2c154L1440 560L0 560z' fill='rgba(202%2c 219%2c 233%2c 1)'%3e%3c/path%3e%3cpath d='M 0%2c286 C 96%2c331.4 288%2c487.6 480%2c513 C 672%2c538.4 768%2c421.6 960%2c413 C 1152%2c404.4 1344%2c458.6 1440%2c470L1440 560L0 560z' fill='rgba(238%2c 247%2c 255%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1016'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.socials-text-title {
  margin-bottom: 1rem;
}
#socials-discord-text {
  font-size: 1.75rem;
}
#socials-discord-text > ul > li {
  margin-top: 1rem;
}
#socials-discord-text > ul > li > span {
  font-weight: bold;
  text-decoration: underline;
  text-decoration-color: var(--blue-text-color);
}
#socials-discord-text > ul > li::marker {
  color: var(--blue-text-color);
}

/* ---------- Media Queries ---------- */
@media only screen and (max-width: 768px) {
  #hero-right {
    display: none;
  }
  #hero > #hero-left {
    width: 100%;
  }
}