@import url("fragments/about-afb8ac2720b252bda1bda1c355b2969c.css");
@import url("fragments/back-to-top-b465f23b2868386357ec74cede3674d0.css");
@import url("fragments/breadcrumbs-60db56f68b341639cc60bd3e22ce1466.css");
@import url("fragments/contact-d0a7275cb094eaa0b85ad153f8dbdf60.css");
@import url("fragments/footer-fbfdaeb627440a174983b76294148add.css");
@import url("fragments/header-46d9fc3229a94e47d2b2565bc2bd54a6.css");
@import url("fragments/hero-3b79d62fbc20e9e6d56ef74876f5d650.css");
@import url("fragments/navbar-ac5ea112cde9735a5bcd9234e6578956.css");
@import url("fragments/portfolio-8220ae2d3f583eba2d1e779394a25692.css");
@import url("fragments/portfolio-details-415efa21c90b4b9ec95d34c4d2347357.css");
@import url("fragments/resume-8512f26b00265b6e617b49805b3c9ab6.css");
@import url("fragments/section-63cfee548c79895609fcf0227461b0f7.css");
@import url("fragments/services-37558011d881751be59d172a8e4f2fa4.css");
@import url("fragments/share-9d4a070c87001f9bd274efcea8c1908b.css");
@import url("fragments/sidebar-886593ba6969782109a1084bfe11544c.css");
@import url("fragments/sidebar-footer-b7ab4ddae03867e07a67b3672d552563.css");
@import url("fragments/skills-50e1089551e7a2bb256b44932826d5e5.css");
@import url("fragments/tags-4c52160c883ac743dafac85185cd09b1.css");

.dropdown-menu {
  padding-left: 10px;
  padding-right: 10px;
}
.language-selector > summary {
  cursor: pointer;
  list-style: none;
}
.language-selector > summary::-webkit-details-marker {
  display: none;
}
.language-selector[open] > .dropdown-menu {
  display: block;
}
.dropdown-item:hover, .dropdown-item:focus {
  --bs-dropdown-link-hover-bg: #149ddd;
}

/*-------------------------------------------------------------- # Main SCSS --------------------------------------------------------------*/
/* Colors */
/* Size */
/* --- Variables --- */
/* --- General --- */
html {
  height: 100%;
}

body {
  font-family: "Twemoji Country Flags", 'Merriweather', 'Times New Roman', serif;
  font-size: 18px;
  color: #404040;
  position: relative;
  margin: 0;
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  background: radial-gradient(circle, rgba(23, 59, 108, 0.9) 0%, rgba(126, 31, 134, 0.9) 100%), url("../images/main_background-496b47524f4182afd856a169ac935470.jpg") no-repeat fixed top center;
}

p {
  line-height: 1.5;
  margin: 5px 0;
}

p a {
  text-decoration: underline;
  color: #008aff;
}

code {
  word-break: break-word;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
}

a {
  text-decoration: none;
  color: #008aff;
}

a:hover, a:focus {
  text-decoration: underline;
  color: #0085a1;
}

blockquote {
  color: #808080;
  font-style: italic;
}

hr.small {
  max-width: 100px;
  margin: 15px auto;
  border-width: 4px;
  border-color: inherit;
  border-radius: 3px;
}

::-moz-selection {
  color: white;
  text-shadow: none;
  background: #0085a1;
}

::selection {
  color: white;
  text-shadow: none;
  background: #0085a1;
}

img::selection {
  color: white;
  background: transparent;
}

img::-moz-selection {
  color: white;
  background: transparent;
}

#main {
  margin-left: 300px;
  height: 100%;
}

@media (max-width: 1199px) {
  #header {
    left: -300px;
  }
  #main {
    margin-left: 0;
  }
}

@-webkit-keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#header-gh-btns {
  margin-bottom: 15px;
}

@media only screen and (max-width: 500px) {
  #header-gh-btns > iframe {
    display: block;
    margin-bottom: 5px;
  }
}

.linked-section {
  padding-top: 60px;
  margin-top: -25px;
}

/* Obfuscation de l'e-mail */
.obfuscate {
  unicode-bidi: bidi-override;
  direction: rtl;
}

.fa-sm {
  font-size: 0.63em;
}

.bg-color {
  background-color: #8ca0d7;
  width: fit-content;
  padding: 5px;
}

.svg-inline--fa.fa-stack-2x {
  width: 100% !important;
}

h1.page-title {
  color: #fff;
}

h1.page-title:after {
  content: "";
  display: block;
  width: 100px;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #7e1f86;
  transform: translateY(200%);
}

iframe[name="acclaim-badge"] {
  background-color: #fff;
}

#background {
  position: fixed;
  opacity: 0.2;
  top: 0;
  left: 0;
  z-index: -100;
}

.pink-glow {
  animation: glow 1s ease-in-out infinite alternate;
  box-shadow: 0 0 60px 30px #fff, 0 0 100px 60px #f0f, 0 0 100px 60px #f0f, 0 0 140px 90px #0ff;
  /* outer cyan */
}

.item-content {
  text-indent: 2rem;
  text-align: justify;
}

.locales {
  min-width: 200px;
}

.locales a {
  color: #212529;
  padding: 3px 15px;
}

.locales a small {
  border-radius: 4px;
  border: 2px solid #dee2e6;
  color: #7b8a8b;
  float: left;
  font-size: 12px;
  line-height: 1.1;
  margin: 2px 10px 0 0;
  min-width: 26px;
  padding: 0 3px;
  text-align: center;
  text-transform: uppercase;
}

.locales a.active small, .locales a:hover small {
  color: inherit;
}

.badge-link {
  font-weight: initial;
  line-height: normal;
}

.badge-link a {
  color: var(--bs-badge-color);
  text-decoration: none;
}

.badge-link a:hover {
  color: var(--bs-badge-color);
  text-decoration: none;
}

.hover-effect:hover {
  background-color: rgba(224, 163, 173, 0.34) !important;
}