/*-------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=DM+Mono&display=swap');

@import url('https://fonts.googleapis.com/css?family=Inter&display=swap'); 

/*-------------------------------------------------- */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Inter-Regular.woff2") format("woff2"),
       url("fonts/Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/Inter-Italic.woff2") format("woff2"),
       url("fonts/Inter-Italic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Inter-Medium.woff2") format("woff2"),
       url("fonts/Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/Inter-MediumItalic.woff2") format("woff2"),
       url("fonts/Inter-MediumItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Inter-SemiBold.woff2") format("woff2"),
       url("fonts/Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/Inter-SemiBoldItalic.woff2") format("woff2"),
       url("fonts/Inter-SemiBoldItalic.woff") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Inter-Bold.woff2") format("woff2"),
       url("fonts/Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/Inter-BoldItalic.woff2") format("woff2"),
       url("fonts/Inter-BoldItalic.woff") format("woff");
}

/*-------------------------------------------------- */

a:link {
  color: #535983;
}

/* visited link */
a:visited {
  color: #535983;
}

/* mouse over link */
a:hover {
  color: #535983;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: #535983;
}

.navbar-default {
    background-color: #1E1E1E;
}

h1 {
  font-family: 'DM Mono';
  font-size: 22pt;
  font-weight: 600;
  line-height: 1em;
  color: #191919;
}

h2 {
  font-family: 'DM Mono';
  font-size: 15pt;
  font-weight: 500;
  color: #191919;
}

h3{
  font-family: 'DM Mono';
  font-size: 15pt;
  font-weight: 500;
  color: #191919;
  letter-spacing: 3px;
}

h4 {
  font-family: 'Inter';
  font-size: 12pt;
  font-weight: 600;
  text-decoration: underline;
  color: #535983;
}

h5{
  font-family: 'DM Mono';
  font-size: 16pt;
  font-weight: 500;
  color: white;
  letter-spacing: 3px;
}

body{
  font-family: 'DM Mono';
  font-weight: 400;
  font-size: 11pt;
  background-color: #white;
  color: #191919;
  margin: auto;
  max-width: 1425px
}

body .main-container {
  max-width: 1425px;
  width: 1425px;
}

span {
  font-family: 'Inter';
  font-size: 32pt;
  font-weight: 700;
  color: #191919;
}

span b {
  font-family: 'Inter';
  font-size: 19pt;
  font-weight: 500;
}

/* Tight, clean navbar */
.navbar,
.navbar-default,
.navbar-inverse {
  min-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Brand (CLAYTON ADAMSON) */
.navbar-default .navbar-brand {
  font-family: 'DM Mono', monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 4px 0 !important;
  margin: 0 !important;
  line-height: 30px !important;
  border: none !important;
  text-decoration: none !important;
}

/* Remove underline from brand */
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  text-decoration: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* CV button */
.navbar-default .navbar-nav > li > a[href$="CV_Adamson_26.06.02.pdf"],
.navbar-inverse .navbar-nav > li > a[href$="CV_Adamson_26.06.02.pdf"] {
  background-color: #45818e !important;
  color: white !important;
  border-radius: 6px;
  padding: 4px 12px !important;
  margin-top: 4px !important;
  margin-bottom: 4px !important;
  font-weight: 600;
  letter-spacing: 1px;
  white-space: nowrap;
}

/* CV hover */
.navbar-default .navbar-nav > li > a[href$="CV_Adamson_26.06.02.pdf"]:hover,
.navbar-inverse .navbar-nav > li > a[href$="CV_Adamson_26.06.02.pdf"]:hover {
  background-color: #cae4e8 !important;
  color: white !important;
}

/* Tighten all navbar links */
.navbar-default .navbar-nav > li > a {
  padding: 4px 10px !important;
  line-height: 30px !important;
  white-space: nowrap;
}