$basecolor:#E5E5E5;
$basecolor2:#FFFFFF;
$accent2: #256EFF;
$contrast: #14213D;
$contrast2: #000000;
$img-contrast: #14213D;

$text-color: #011936;
$border-color: #256EFF;
$button-border-color: #256EFF;

$min-tablet: 768px;
$min-desktop: 1024px;
$default-border-radius:5px;

:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  color: $text-color;
  background-color: $basecolor
}

.box-with-shadow {
  border-style: solid;
  border-width: 0.1px;
  border-radius: 10px;
}

.default{
  margin: auto;
  @media (min-width: $min-tablet) {
    width: 80%;
    max-width: 1024px;
  }
}

.image-container{
  width: 80%;
  margin: auto;
  text-align: center;
  align-items: center;
  img{
    max-width: 100%;
    max-height: 300px;
    object-fit: scale-down;
    @media (prefers-color-scheme: light) {
      background-color: $contrast;      
    }
  }
}



a {
  text-decoration:none;
  color: $text-color;
}

button{
  color: $text-color;
}

h1, h2, h3 {
  font-weight: normal;
}