/*
 * Globals
 */

 /*
 Color theme
 black -> #040F0F
 dark purple -> #161925
 prusian blue -> #23395B
 queen blue -> #406E8E
 cadet blue -> #8EA8C3
 light cyan -> #CBF7ED
 soft pink -> #BA9EB0
 */

 ::-moz-selection {
 background-color: #040F0F;
 color: #ffffff;
 }

 ::selection {
 background-color: #040F0F;
 color: #ffffff;
 }

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-secondary {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .1rem solid #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #161925;
  border: .1rem solid #fff;
  box-shadow: 5px 5px 5px #040F0F;
}

/*
 * Base structure
 */

html,
body {
  /* height: 100%; */
  min-height: 100vh;
  /* background-color: #333; #282C34  2D3A3A 161925 28262C*/
  background-color: #161925;
}


body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: #fff;
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 6rem rgba(0, 0, 0, .8); /* vignette */
}

.fullscreen_icon {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.whoAmI {
  max-width: 80%;
  margin-left: 10%;
}

.cover-container {
  /* max-width: 100em; */
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

img {
    border-radius: 5px;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
  img {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
  margin-bottom: 20px; /* Added */

}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}

/*
 * cards
*/
.card {
  margin: 0 auto; /* Added */
  float: none; /* Added */
  margin-bottom: 10px; /* Added */
  background-color: #040F0F; /*21252B*/
  border: 0;
}
.card-text {
  text-align: left;
}

.card:hover,
.card:focus {
  background-color: #161925;
  box-shadow: 5px 5px 5px #040F0F;
  cursor: pointer;
}

/*
 * modal
*/
.modal-content {
  color: #fff;
  background-color: #161925;
  text-align: justify;
  text-justify: inter-word;
}
.modal-header {
    border-bottom: 0 none;
}

.modal-footer {
    border-top: 0 none;
}

.close:hover path {
    fill: #fff;
    cursor: pointer;
    d: path("M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z");
}
.modal-content img {
  border-radius: 4px;
}
.carousel {
  padding-bottom: 10px;
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.linkBtn {
  text-align:center;
  margin: 10px;
}
/*
.modal-backdrop {
   background-color: yellow;
}
*/

/*

SCROLLBAR (does not work on modal scrollbar currently)

body::-webkit-scrollbar {
  width: 12px;
}

body::-webkit-scrollbar-track {
  background: orange;
}

body::-webkit-scrollbar-thumb {
  background-color: blue;
  border-radius: 50%;
  border: 3px solid orange;
}

*/

/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
  position: relative;
  bottom: 0;
}

.cover-container {
  min-height: 100vh;
}