:root {
  --primary: #86ff2e;
  --primary-light: #86ff2e;
  --dark: #031f34;


  --theme-success: #26aa0e;
  --theme-wrong: #ED5F2E;
}

body.outside {
  background-color: var(--dark);
  background-image:
    radial-gradient(circle at 70% -40%, var(--primary) 0%, var(--dark) 60%, transparent);

}

body.outside input,
body.outside.login input[type="text"],
body.outside.login input[type="password"] {
  border: 1px solid var(--primary);
}

body.outside.login input[type="submit"] {
  border: 1px solid var(--primary) !important;
  background: var(--primary) !important;
  color: var(--dark);
}

body.outside {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

body.outside #logo-header,
body.outside.login #logo-header,
#logo {
  background-image: none;
}

body.outside #logo-header {
  background-image: none !important;
}

body.outside #logo-header #Layer_1 {
  width: 100%;
  height: 100%;
  margin-top: 1em;
}

body.outside #logo-header #Layer_1 path {
  fill: var(--primary);
}

body.inside #logo {
  background-image: url('../assets/QuaeDevelopment/logo.svg');
}

body,
.topnav,
.topnav a.icon,
#hiddenLinks .menu {
  background: var(--dark);
  color: var(--primary);
}

a,
a:active,
a:hover,
a:link {
  color: white;
}

#toolbar a {
  /*border: 2px solid  var(--primary) !important;*/
  border: none !important;
  border-radius: 20px !important;
  box-shadow: 0px 0px 4px rgba(134, 255, 46, 1) !important;
  color: white !important;
}

#toolbar {
  margin-top: 3em;
}

#toolbar a:first-child {}

#toolbar a i {
  color: var(--primary) !important;
  font-size: 3.5em !important;
}


#goodmessage {
  color: white;
  font-weight: normal;
  font-size: 0.7em !important;
  margin-top: 0.5em;
}

#response {
  padding: 1em;
}

html {
  scroll-behavior: smooth;
}