body {
  background-color: #dee2e6;;
}

input, select {
  border: 1px solid darkorange !important;
}



select:hover,
select:active,
textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
  outline: 1px solid orange !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
}


.my-link {
  color: darkorange;
  text-decoration: none;
  cursor: pointer;
}
.my-link:hover{
  color: darkorange;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  text-decoration-thickness: 0.3rem;
}

.my-div {
  border: 1px solid darkorange;
  border-radius: 15px;
  padding: 15px;
  background-color: #dee2e6;
  /*box-shadow: 0px 1px 3px darkorange;*/
}



.navbar .nav-link {
  color: darkorange;
  font-size: 1.2rem;
  /*
  font-weight: 400;
  font-size: 1.25rem;
  
  padding-top: .5rem;
  padding-bottom: .5rem;
  */
}
.navbar .nav-link:hover {
  color: white;
  /*
  border-bottom: 5px solid #dee2e6;
  margin-bottom: -5px;
  */
}


.fake-link {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}
.fake-link:hover{
  color: darkorange;
  cursor: pointer;
  text-decoration: underline;
  /*
  text-underline-offset: 0.2rem;
  text-decoration-thickness: 0.3rem;
  */
}



/*
.navbar .nav-link {
  color:  #AAF;
  font-weight: 300;
  font-size: 1.25rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.navbar .nav-link:hover {
  color: #0dcaf0;
  border-bottom: 5px solid #0dcaf0;
  margin-bottom: -5px;
}
*/

/* Bootstrap 5 color codes

$blue:    #0d6efd;
$indigo:  #6610f2;
$purple:  #6f42c1;
$pink:    #d63384;
$red:     #dc3545;
$orange:  #fd7e14;
$yellow:  #ffc107;
$green:   #198754;
$teal:    #20c997;
$cyan:    #0dcaf0;

$primary:       $blue;
$secondary:     $gray-600;
$success:       $green;
$info:          $cyan;
$warning:       $yellow;
$danger:        $red;
$light:         $gray-100;
$dark:          $gray-900;

$white:    #fff;
$gray-100: #f8f9fa;
$gray-200: #e9ecef;
$gray-300: #dee2e6;
$gray-400: #ced4da;
$gray-500: #adb5bd;
$gray-600: #6c757d;
$gray-700: #495057;
$gray-800: #343a40;
$gray-900: #212529;
$black:    #000;

*/