:root{
  --main-blue: #15216d;
}
.sub-head-y{

  padding: .3em;
  font-size: .8em;
  padding-left:1.5em;
  color: var(--main-blue);
}
.sub-head-w{

  padding: .3em;
  font-size: .8em;
  padding-left:1.5em;
  color: var(--main-blue);
}
.left-nav{
  list-style: none;
}
.left-nav-dots{
  padding:0.2em;
  font-size: 0.8em;
}
.btn1{
  background-color: #babfc6; /* Green */
  border: none;
  color: white;
  padding: 0.5em 2.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:right;
  font-size:0.8em;
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.4);
  margin: 2em;
}
.btn-left{
  background-color: #babfc6; /* Green */
  border: none;
  color: white;
  padding: 0.5em 2.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:left;
  font-size:0.8em;
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.4);
  margin: 2em;
}
.btn-left-right{
  background-color: #babfc6; /* Green */
  border: none;
  color: white;
  padding: 0.5em 1.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  float:left;
  font-size:0.6em;
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.4);
}
.btn-center{
  background-color: #babfc6; /* Green */
  border: none;
  color: white;
  padding: 0.5em 2.5em;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size:0.8em;
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.4);
  margin: 2em;
}
/* .cards{
  padding: 3em 0em;
} */
.card{
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.4);
}
.proj{
  padding: 3em;
  box-shadow: 0px 2px 10px 0px rgba(204,204,204,0.8);
  margin-bottom: 2em;
  border-radius: 0.3em;
}
.card-text{
  font-size: 0.7em;
}
.card-it{
  font-size: 0.8em;
}
.proj-text{
  font-size: 0.7em;
}
.abt_img{
  position: relative;
  display:block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding-right: 0px;
  padding-bottom: 20px;
}
.abt_text{
  position: relative;
  display:block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding-right: 0px;
  padding-bottom: 20px;
  font-size: 0.8em;
}
.boxy-grid{
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  padding-right: 0px;
  padding-bottom: 20px;
}
.box:hover{
  filter: blur(4px);
  transform: scale(1.01);
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  weight: bold;
  font-size: 1em;
  color: white;
  background-color: rgba(43, 50, 61, 0.2);
  padding: 0.5em;
  border-radius: 0.5em;
}
.boxy-grid{
  filter: blur(2px);
}