/* Google Font Link */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap");

:root {
  --white: #fff;
  --black: #000;
  --primary-background: rgb(144, 238, 144, 0.5);
  --primary: #90ee90;
  --secondary: #37ff37;
  --thirdary: #00ad00;
  --text-dark: #30363f;
  --text-light: #667085;
  --light-gray: #ebebeb;
  --light: rgb(249, 249, 249);
  --dark: rgb(24, 24, 24);
  --border-light: #d0d5dd;
  --drop-shadow: #10182834;
  --browser-bar: #b4bccc;

  --dark-background: #1c1e1c;
  --dark-dark-background: #1a1b1a;
  --dark-theme-text: #e7ede7;
  --dark-theme-border: #353535;
}

* {
  font-family: "Poppins", sans-serif;
  box-sizing: border-box;
}

*::-moz-selection {
  /* Code for Firefox */
  background: lightgreen;
}

*::selection {
  background: lightgreen;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-size: 14px;
  color: var(--text-dark);
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

main.bigPadding {
  padding: 50px;
}

div.tooltip {
  position: relative;
}

div.tooltip .tooltiptext {
  visibility: hidden;
  opacity: 0;
  width: 120px;
  background-color: var(--text-light);
  color: var(--light-gray);
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  transition: all 0.3s ease 0.5s;

  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

div.tooltip .tooltiptext.tooltip-bottom {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}
div.tooltip .tooltiptext.tooltip-top {
  position: absolute;
  z-index: 1;
  top: -100%;
  left: 50%;
  margin-left: -60px;
}
div.tooltip .tooltiptext.tooltip-left {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(-50% - 10px);
}
div.tooltip .tooltiptext.tooltip-right {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc(150% + 10px);
}

div.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.error {
  padding: 0.5rem 1rem;
  margin: 0.7rem 0;
  background-color: rgba(255, 75, 75, 0.4);
  border: none;
  border-radius: 0.7rem;
  display: block;
}