$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: 900px;
$min-desktop: 1024px;
$min-ultrawide: 1700px;
$default-border-radius:5px;

$border-hover-color: #999;
$default-main-color: white;
$default-active-color: rgb(176, 176, 176);

: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;
  }
}



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

button{
  color: $text-color;
}

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