/* Style css file */

/* Import w3.css file */
@import "w3.css";

/* Import colour definitions for Nord theme */
@import "nord.css";

/* Import font definitions */
@import "latofonts.css";

/* Import font definitions */
@import "texgyrecursor.css";

/* Body style */
html {
  scroll-behavior: smooth;
}

html, body {
  background: var(--nord6);
  color: var(--nord0);
  font-family: 'LatoWebLight';
  font-size: 16px;
}

/* Heading style */
h1, h2, h3, h4, h5, h6 {
  font-family: "LatoWeb";
}

/* Paragraph style */
p {
  margin-left: 10px;
}

/* Thematic break style */
hr {
  color: var(--nord1);
}

/* Link style */
i:link {
  color: var(--nord10);
  background-color: transparent;
  text-decoration: none;
}
i:hover {
  color: var(--nord12);
  background-color: transparent;
  text-decoration: none;
}

/* color style for hovering */
.nord-hover-color:hover {
  color: var(--nord1) !important;
  background-color: var(--nord5) !important;
}

/* styke of element i */
i {
  color: var(--nord10);
}

/* style of element strong */
strong {
  font-family: "LatoWeb";
  font-weight: normal;
}

/* google map */
.google-map {
  padding-bottom: 50%;
  position: relative;
}

.google-map iframe {
  height: 70%;
  width: 70%;
  left: 0;
  top: 0;
  position: absolute;
}