/*
rgb(29, 142, 202)
*/
body {
  background-color: whitesmoke;
  font-family: roboto;
  height:auto;
}
 
h1 
{
  font-size: 34px; 
  font-weight: 1; 
  color: white;
}   
    
h2 
{
  font-size: 32px; 
  font-style:oblique;
  font-weight: 1;
  color: rgb(36, 32, 32);
}
 
h3 
{
  font-size: 20px; 
  font-weight: 1;
  color: black;
}

h4 
{
  font-size: 20px; 
  font-weight: 1;
  color: white;
  line-height: 32px
}

.s1
{
  background-color: rgb(34, 59, 102);
  color: white;
  margin: 16px;
  padding: 16px;
  width: 240px;  
  height: 700; /*660*/
}

.s2
{
  background-color: rgb(34, 59, 102);
  color: white;
  margin: 16px;
  padding: 16px;
  width: 800px;  
  height: 700;
}

.s3
{
  background-color: rgb(34, 59, 102);
  text-align: left;
  color: black;
  margin: 16px;
  padding: 16px;
  width: 1112;  
  height: auto;
}

/* Add a black background color to the top navigation */
.topnav 
{
  /*background-color: rgb(34, 59, 102);*/
  overflow: hidden;
  width:100%;
  padding-bottom: 12px;
  padding-top: 4px;
}

/* Style the links inside the navigation bar */
.topnav a 
{
  float:none;
  color: black;
  text-align: center;
  padding: 16px 16px;
  text-decoration:solid; 
  font-size: 48px;
  font-weight: 100;
}

/* Change the color of links on hover */
.topnav a:hover 
{
  background-color: rgb(29, 142, 202);
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active
{
  background-color: #04AA6D; 
  color: black;
  text-decoration:double;
}


.container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-hover-highlight {
  -webkit-transition: all 0.50s;
  transition: all 0.50s;
  &:hover {
      filter: brightness(60%);
      -webkit-filter: brightness(60%);
      -moz-filter: brightness(60%);
      -o-filter: brightness(60%);
      -ms-filter: brightness(60%);
      -webkit-transition: all 0.50s;
      transition: all 0.50s;
  }
}

.rounded-corners {
  border-radius: 10px;
}

.button-hover-highlight 
{
  -webkit-transition: all 1.50s;
  transition: all 0.50s;
  &:hover {
      filter: brightness(60%);
      -webkit-filter: brightness(60%);
      -moz-filter: brightness(60%);
      -o-filter: brightness(60%);
      -ms-filter: brightness(60%);
      -webkit-transition: all 0.50s;
      transition: all 0.50s;
  }
}