.md-header, .md-tabs {
    background-color: #040646;
}

@media only screen and (max-width: 76.1875em) {
    html .md-nav--primary .md-nav__title--site {
        background-color: #040646;
    }
}

@import url("https://p.typekit.net/p.css?s=1&k=cjx8mzr&ht=tk&f=139.173.175.5474.25136&a=31276436&app=typekit&e=css");

/*** ProximaNova-Light ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),
		 url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),
		 url("https://use.typekit.net/af/cebe0e/00000000000000003b9b3060/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 300;
}

/*** ProximaNova-Regular ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
		 url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
		 url("https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 400;
}

/*** ProximaNova-Medium ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),
		 url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),
		 url("https://use.typekit.net/af/6e816b/00000000000000003b9b3064/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 500;
}

/*** ProximaNova-Semibold ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),
		 url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),
		 url("https://use.typekit.net/af/576d53/00000000000000003b9b3066/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 600;
}

/*** ProximaNova-Bold ***/
@font-face {
	font-family: "proxima-nova";
	src: url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),
		 url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),
		 url("https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
	font-style: normal;
	font-stretch: normal;
	font-weight: 700;
}

body, input {
  font-family: "proxima-nova", sans-serif;
}

:root {
    /* Default color shades */
    /*
    --md-default-fg-color:               ...;
    --md-default-fg-color--light:        ...;
    --md-default-fg-color--lighter:      ...;
    --md-default-fg-color--lightest:     ...;
    --md-default-bg-color:               ...;
    --md-default-bg-color--light:        ...;
    --md-default-bg-color--lighter:      ...;
    --md-default-bg-color--lightest:     ...;
    */
    /* Primary color shades */
    --md-primary-fg-color:               #6246B3;
    /*
    --md-primary-fg-color--light:        #5fc421;
    --md-primary-fg-color--dark:         #f40808;
    --md-primary-bg-color:               ...;
    --md-primary-bg-color--light:        ...;
    */
    /* Accent color shades */
    --md-accent-fg-color:                #040646;
    /*
    --md-accent-fg-color--transparent:   ...;
    --md-accent-bg-color:                ...;
    --md-accent-bg-color--light:         ...;
    */
    /* Code block color shades */
    /*
    --md-code-bg-color:                  ...;
    --md-code-fg-color:                  ...;
    */
  }



/*****************************************/
/* Front Page CSS                        */
/*****************************************/


.welcome {
    position: relative;
    color: white;
    padding: 10px 10px 20px 10px;
    background: rgba(4, 6, 70, 0.7); /* base background color */
}

.welcome::after {
    content: "";
    background: url('../images/AdobeStock_434576371.png');
    opacity: 0.7;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;  
    background-size: cover;
}

.welcome h1 {
  border: 0px solid red;
  color: white;
  margin-bottom: 0px;
}

.welcome h3 {
  margin-top: 0px;
  border: 0px solid red;
  color: white;
}

.welcome p {
  font-weight: normal;
}

.hero_container {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.welcome .hero_text {
  border: 0px solid red;
  width: 600px;
  margin-right: 30px;
}


.welcome .hero_image {
  width: 400px;
}

.welcome .hero_image img{
  border: 0px solid red;
  max-width: 100%;
  height: auto;
}

.welcome .quickstart-button {
  border-radius: 5px !important;
  background: linear-gradient(to right,#b40eaa 0,#0d5cc7 100%);
  border: 0px;
  text-transform: uppercase;
  float: left;
  text-align: center;
}

.welcome .quickstart-button:hover {
  background: linear-gradient(to left,#b40eaa 0,#0d5cc7 100%);
}

.pillars {
  margin-bottom: 40px;
}

.pillars_container {
  margin-top: 20px;
  /* Flex details */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;

}

.pillars_item {
  width: 300px;
  min-height: 200px;
  margin-left: 5px;
  /* Flex details */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
/*   padding-top: 10px;
  padding-bottom: 10px; */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
}

.pillars_item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
}

.pillars_container img {
  display: block;
  margin: auto;
  width: 80px;
  margin-bottom: 15px;
}

.pillars_item svg{
  display: block;
  margin: auto;
}

/* Theme - Light Mode */
[data-md-color-scheme="default"] .pillars_item svg{
  fill: #040646;
}

/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .pillars_item svg{
  fill: white;
}

.pillars_container p {
  display: block;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
}

.pillars_container .md-button {
  display: block;
  margin: auto;
  margin-top: 10px;
  border-radius: 5px;
  padding: 10px 10px 10px 10px;
}

/* Theme - Light Mode */
[data-md-color-scheme="default"] .pillars_container .md-button {
  color: #040646;
  border-color:#040646;
}

/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .pillars_container .md-button {
  color: #0d14eb;
  border-color:#0d14eb;
}

.pillars_container .md-button:hover {
  color: #ffffff;
  border-color:#040646;
}

.explore .md-grid {
  border-top: 1px solid #aaa;
}

.explore h3 {
  margin-top: 10px;
}

.explore_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-bottom: 100px;
}

.explore_item {
  width: 200px;
  border: 0px solid orange;
  min-height: 200px;
  margin-left: 5px;
  /* Flex details */
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 10px;
  padding-bottom: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  transition: box-shadow 0.3s ease-in-out;
}

.explore_item:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8);
}


.explore_item .md-button {
  display: block;
  margin: auto;
  margin-top: 20px;
  width: 180px;
  text-align: center;
  border-radius: 5px !important;
  padding: 5px;
  font-size: 15px;
}

.explore_item svg{
  display: block;
  margin: auto;
}

/* Theme - Light Mode */
[data-md-color-scheme="default"] .explore_item svg{
  fill: #040646;
}

/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .explore_item svg{
  fill: white;
}

/* Theme - Light Mode */
[data-md-color-scheme="default"] .explore_item .md-button {
  background-color: #040646;
  border-color:#040646;
}

/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .explore_item .md-button {
  background-color: #0d14eb;
  border-color:#0d14eb;
}

/*****************************************/
/* Global header formatting              */
/*****************************************/

/* Lord images */


/* Theme - Light Mode */
[data-md-color-scheme="default"] .light_theme {
    display: block;
}

[data-md-color-scheme="default"] .dark_theme {
    display: none;
}


/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .light_theme {
    display: none;
}

[data-md-color-scheme="slate"] .dark_theme {
    display: block;
}



/*****************************************/
/* Global header formatting              */
/*****************************************/

h1 {
    font-weight: 550 !important;
}

h2 {
    font-weight: bold !important;
}

h3 {
    font-weight: 550 !important;
}


/*****************************************/
/* Global table formatting               */
/*****************************************/

th, td {
    border: 1px solid var(--md-typeset-table-color);
    border-spacing: 0;
    border-bottom: none;
    border-left: none;
    border-top: none;
}

.md-typeset__table {
    line-height: 1;
}

.md-typeset__table table:not([class]) {
    font-size: .74rem;
    border-right: none;
}

.md-typeset__table table:not([class]) td,
.md-typeset__table table:not([class]) th {
    padding: 9px;
}

/* Theme - Light Mode */
.md-typeset__table tr:nth-child(2n) {
    background-color: #f8f8f8;
}

/* Theme - Dark Mode */
[data-md-color-scheme="slate"] .md-typeset__table tr:nth-child(2n) {
    background-color: hsla(var(--md-hue),25%,25%,1)
}


/*****************************************/
/* Admonissions                          */
/*****************************************/

.md-typeset .admonition,
.md-typeset details {
  border-left-width: 6px;
  background-color: #f8f8f8;
}

/*****************************************/
/* Tooltips                              */
/*****************************************/

.newfeature {
  color: #33cc33;
}

.newdocument {
  color: #2670d8;
}

/*****************************************/
/* Formatting for the API coding         */
/*****************************************/

.sw-verb {
    color: white;
    font-size: 100%;
    font-weight: bold;
    position: relative;
    padding: 8px;
    background-color: #005ccd;
    border-radius: 15%;
}

.sw-path-url {
    font-size: 100%;
    position: relative;
    padding: 3px;
    background-color: #eeeeee;
    border-radius: 15%;
}

/*****************************************/
/* Formatting for the code blocks <code> */
/*****************************************/

  
/*****************************************/
/* Icons                                 */
/*****************************************/

@keyframes heart {
  0%, 40%, 80%, 100% {
    transform: scale(1);
  }
  20%, 60% {
    transform: scale(1.15);
  }
}
.heart {
  animation: heart 1000ms infinite;
  color: #1DA1F2;
}