/* Importing Fonts */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');

/* CSS For The Body */
body {
  background-color: #e6e6e6;
}

/* CSS For The Main Element */
main {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin-left: 1%;
  margin-right: 1%;
}

/* CSS For The A Element, For Removing The Blue Color and Underline On Links, etc. */
a {
  text-decoration: none;
  color: inherit;
}

a:hover, a:active, a:focus, a:visited {
  text-decoration: none;
  color: inherit;  /* Inheriting the parent color for consistency */
}

a .bold {
  font-weight: 700;
}

.hoveruline:hover {
  text-decoration: underline;
  font-weight: 700;
}

/* Custom Header CSS, To Remove The Line Under The Text, Give Boldness, Etc. */
.hd {
  font-family: "Comfortaa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.hd.bold {
  font-weight: 700;
}

h1.noborder, h2.noborder, h3.noborder, h4.noborder, h5.noborder, h6.noborder {
  border-bottom: 0px;
}

ul.custom-list {
  list-style-type: none;
}

.custom-list li::before {
  content: "➤";
  margin-right: 0.5%;
}

p {
  margin-left: 2%;
}

.listText, pre {
  margin-left: 2.75%;
}

em p {
  margin-left: 1%;
}

.listText {
  margin-left: 1.25%;
}

.section {
  padding: 1% 2%;
  background-color: #dddddd;
  margin-top: 1.75%;
  margin-bottom: 1.75%;
  border: 1px solid black;
  border-radius: 12px;
}

/*
pre {
  background-color: #cccccc;
  padding: 2.25% 2.5%;
}
*/