/* css styles */

img {
  border-radius: 9%;
}

$white:    #ffffff !default;
$gray-100: #f8f9fa !default;
$gray-200: #e9ecef !default;
$gray-300: #dee2e6 !default;
$gray-400: #ced4da !default;
$gray-500: #adb5bd !default;
$gray-600: #868e96 !default;
$gray-700: #495057 !default;
$gray-800: #373a3c !default;
$gray-900: #212529 !default;
$black:    #000000 !default;

$darkblue:        #000033 !default;
$blue:            #0000FF !default;
$indigo:          #6610f2 !default;
$purple:          #170C3A !default;
$pink:            #A52C60 !default;
$red:             #CF4446 !default;
$orange:          #EE6A24 !default;
$light-orange:    #FB9E07 !default;
$yellow:          #F6D645 !default;
$green:           #118230 !default;
$teal:            #068194 !default;
$cyan:            #3093CF !default;

$primary:   $darkblue !default;
$secondary: $gray-900 !default;
$success:   $green !default;
$info:      $cyan !default;
$warning:   $orange !default;
$danger:    $red !default;
$light:     $gray-400 !default;
$dark:      $black !default;

// Links
$link-color: $blue !default;
$link-decoration: none !default;
$link-hover-color: $red !default;
$link-hover-decoration: underline !default;

// Footer
$footer-bg: $gray-900 !default;
$footer-fg: $gray-300 !default;

// Inline code
$code-bg: $gray-200 !default;
$code-color: $gray-900 !default;

// TOC
$toc-color: $orange;
$toc-font-size: 1em;

// Code copy
$btn-code-copy-color-active: $orange !default;