@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

.logo-rectangle {
  width: 27px;
  height: 9px;
  background: linear-gradient(96.34deg, #e537b9 0%, #c040df 100%);
  border-radius: 8px;
}
.logo {
  flex-direction: column;
  align-content: start;
}

nav {
  border-bottom: 1px solid rgb(156, 156, 156);
}

h3{
  font-family: 'Montserrat', sans-serif;
}

.description{
  height:30vh;
}
img{
  height:70%
}
img:hover{
  cursor:pointer;
}

.dark{
  background-color:#001f42 !important;
  color:white !important;
}

.light{
  background-color:white !important;
  color:black !important;
}
.accordion-body{
  padding: 0 !important;
}
button{
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}



@media only screen and (max-width:992px){
  img{
    height: 65%;
  }
  .description{
    height:36vh;
  }
}
@media only screen and (max-width:768px){
  img{
    height: 50%;
  }
  .description{
    height:42vh;
  }
}
@media only screen and (max-width:576px){
  img{
    height: 65%;
  }
  .description{
    height:56vh;
  }
}