.container-fluid{
  color: white;
  background-image: linear-gradient(to left, midnightblue,  purple);
}
.secondbg{
  background-image: linear-gradient(to right, purple , midnightblue);
  padding-bottom: 10%;
  color: aliceblue;
  top: -20px;
  position: relative;
  padding: 5%;
  font-family: 'Times New Roman';
}
#third{
  background-color: white;
  padding-bottom: 10%;
  padding-top: 10%;
}
html{
  scroll-behavior: auto;
}
.btn{
  background-color: mediumpurple;
  color: white
}
.affix {
  width: 100%;
  z-index: 99999 !important;
  box-shadow: 10px 0px 10px 10px rgba(0, 0, 0, 0.2);
}
html{
  scroll-behavior: smooth;
}
div.container-fluid{
  position: relative;
  padding-top: -1cm;
}
body{
  background-image: linear-gradient(to left, midnightblue,  purple);
}
#fourth{
  background-color: #25265e;
  color: #d3dce6;
  height: auto;
  padding-bottom: 10%;
  padding-top: 10%;
}
#sixth{
  padding-bottom: 10%
}