:root {
  --violet1light: #201740;
  --violet2light: #7D71AF;
  --violet3light: #B0A2DE;
  --violet4light: #CDC3F2;
  --violet5light: #584B93;
  --violet1dark: #2D283E;
  --violet2dark: #9183C1;
  --violet3dark: #A69ECB;
  --violet4dark: #C8C8D9;
  --black: #111115;
  --white: #EFEFEF;
  --red: #DB2C47;
  --navbarlight: rgba(0,0,0,0.7);
  --navbardark: rgba(255,255,255,0.6);
}

.light-theme {
  --header: var(--white);
  --name: var(--violet1light);
  --bodybg: var(--white);
  --bodytext: var(--black);
  --btncolor: var(--violet1light);
  --projectbackground: var(--white);
  --title: var(--violet1dark);
  --behance: url("/css/elements/social/Behance_dark.svg");
  --linkedin: url("/css/elements/social/LinkedIn_dark.svg");
  --facebook: url("/css/elements/social/Facebook_dark.svg");
  --instagram: url("/css/elements/social/Instagram_dark.svg");
  --nutanix: url("/css/elements/resume/Nutanix_dark.svg");
  --microsoft: url("/css/elements/resume/MS_dark.svg");
  --io: url("/css/elements/resume/IO_dark.svg");
  --swc: url("/css/elements/resume/SWC_dark.svg");
  --techniche: url("/css/elements/resume/Techniche_dark.svg");
  --ixda: url("/css/elements/resume/IxDA_dark.svg");
  --switch: var(--violet1dark);
  --slider: var(--white);
  --resume_title: var(--violet5light);
  --navbar: var(--navbardark);
  --btnresume: var(--black);
  --glass: rgba(74, 74, 77, 0.3);
  --svgia: url("../src/images/GeneFit/IA.svg");
  --wearablegraph: url("../src/images/GeneFit/Graph.svg");
  --roffui: url("../src/images/Roff/UI.svg");
  --verticalline: rgba(74, 74, 77, 0.3);
  --navtoggler: url("/css/elements/hamburger.svg");
}

.dark-theme {
  --header: var(--black);
  --name: var(--violet3light);
  --bodybg: var(--black);
  --bodytext: var(--white);
  --btncolor: var(--violet2dark);
  --projectbackground: var(--black);
  --title: var(--violet3light);
  --behance: url("/css/elements/social/Behance.svg");
  --linkedin: url("/css/elements/social/LinkedIn.svg");
  --facebook: url("/css/elements/social/Facebook.svg");
  --instagram: url("/css/elements/social/Instagram.svg");
  --nutanix: url("/css/elements/resume/Nutanix.svg");
  --microsoft: url("/css/elements/resume/MS.svg");
  --io: url("/css/elements/resume/IO.svg");
  --swc: url("/css/elements/resume/SWC.svg");
  --techniche: url("/css/elements/resume/Techniche.svg");
  --ixda: url("/css/elements/resume/IxDA.svg");
  --switch: var(--white);
  --slider: var(--violet1dark);
  --resume_title: var(--violet3light);
  --navbar: var(--navbarlight);
  --btnresume: var(--white);
  --glass: rgba(74, 74, 77, 0.76);
  --svgia: url("../src/images/GeneFit/IA_dark.svg");
  --wearablegraph: url("../src/images/GeneFit/Graph_dark.svg");
  --roffui: url("../src/images/Roff/UI_dark.svg");
  --navtoggler: url("/css/elements/hamburger_dark.svg");
  --verticalline: rgba(251, 251, 251, 0.4);
}

.switch-main div {
  background-color: var(--switch);
}

.slider-main {
  background-color: var(--bodytext);
}

.navmode, .fas-main {
  color: var(--switch) !important;
}

#NavStart {
  color: var(--black);
}

.switch {
  color: var(--black);
}
.switch div {
  background-color: var(--black);
}

.slider {
  background-color: var(--white);
}

.nav-link-main {
  color: var(--switch) !important;
  opacity: 0.7;
}

.nav-link-main.active {
  pointer-events: none;
  opacity: 1;
}

.navbar-brand:hover {
  color: var(--violet2dark) !important;
}

.navbar-toggler-icon {
  background-image: url("/css/elements/hamburger_dark.svg") !important;
}

.navbar-main .navbar-toggler-icon {
  background-image: var(--navtoggler) !important;
}

.parent {
  background-color: var(--header);
}

#name {
  color: var(--name);
}

body {
  background-color: var(--bodybg);
  color: var(--bodytext);
}

* {
  transition: background 0.35s ease;
}

.btn-index:hover, .btn-index:focus, .btn-resume:hover {
  border-color: var(--bodytext) !important;
  background-color: var(--bodytext) !important;
  color: var(--bodybg) !important;
}

.btn-white:hover {
  border-color: var(--white) !important;
  background-color: var(--white) !important;
  color: var(--black) !important;
}

.btn-resume {
  border-color: var(--btnresume) !important;
  color: var(--btnresume) !important;
}

.btn {
  color: var(--bodytext);
  border: 1px var(--bodytext) solid;
}

.btn-white {
  color: var(--white);
  border: 1px var(--white) solid;
}

.glass {
  background-color: var(--glass);
}

.btn:hover {
  color: color(--bodytext);
}

#Works {
  background-color: var(--projectbackground);
}

.projecttitle {
  color: var(--title);
}

.resume_title {
  color: var(--resume_title);
}

#footer {
  background-color: var(--bodybg);
}

.cls-1-quote {
  fill: var(--bodytext) !important;
}

#behance {
  content: var(--behance);
  width: 35px;
  height: 35px;
}

.preloader-gif {
  content: url("/css/preloader.gif");
}

#facebook {
  content: var(--facebook);
  width: 35px;
  height: 35px;
}

#linkedin {
  content: var(--linkedin);
  width: 35px;
  height: 35px;
}

#instagram {
  content: var(--instagram);
  width: 35px;
  height: 35px;
}

#SWC {
  content: var(--swc);
  height: 100%;
}

#IO {
  content: var(--io);
  height: 100%;
}

#Nutanix {
  content: var(--nutanix);
  height: 100%;
}

#Microsoft {
  content: var(--microsoft);
  height: 100%;
}

#Techniche {
  content: var(--techniche);
  height: 100%;
}

#IxDA {
  content: var(--ixda);
  height: 100%;
}

#svg-ia {
  content: var(--svgia);
  height: 100%;
}

.wearablegraph {
  content: var(--wearablegraph);
}

#roffui {
  content: var(--roffui);
}

.navbar-main.scrolled {
  background: var(--navbar) !important;
  -webkit-backdrop-filter: saturate(80%) blur(20px);
          backdrop-filter: saturate(80%) blur(20px);
}

.svgtext {
  fill: var(--bodytext);
}

.svgbg {
  stroke: var(--bodybg);
}

.svgstroke {
  stroke: var(--bodytext);
}

.violetwanderer {
  fill: var(--title);
}

.carousel .carousel-indicators button {
  filter: invert(100%);
}

.carousel-control-next, .carousel-control-prev {
  filter: invert(100%);
}

.VerticalLine {
  border-color: var(--verticalline);
}

.tooltip-inner {
  color: var(--bodybg);
  background-color: var(--bodytext);
}/*# sourceMappingURL=darkmode.css.map */