<commit_before>@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';
body {
  width: 100%;
  background-color: black;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

canvas {
  width: 100%;
}

.left-modal {
  position: relative;
  padding: 2%;
  margin: auto 0;
  z-index: 10000;
  float: left;
}

.right-modal {
  position: relative;
  padding: 2%;
  z-index: 100000;
  float: right;
}

.top {
  position: relative;
  top: 0;
}

.down {
  position: relative;
  bottom: 0;
}

nav {
  background: #363c3d;
  position: fixed;
  top: 0;
  z-index: 1000;
}

nav li {
  max-height: 75px;
}

nav .current-nav {
  background: transparent;
  height: 100%;
  width: 20%;
}

nav .current-nav ul li {
  position: absolute;
  padding-left: 10px;
}

nav .side-nav {
  background: black;
}

.register {
  background: white;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  bottom: 45px;
  width: 3%;
  height: 7vh;
  z-index: 1000;
  color: white;
}

.register span {
  opacity: 0;
  color: white;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
  border-radius: 18px;
  transition: all 0.2s ease-in-out;
}

.register:hover span {
  opacity: 1;
}

.current li {
  display: none;
}

.current {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

canvas {
  overflow: hidden;
}

#particles-js {
  overflow: hidden;
}

div {
  display: block;
}

.test {
  color: white;
}

.nav-wrappers {
  padding: 10px;
}

.button-collapse {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.button-collapse ul li a {
  position: fixed;
  z-index: 10000;
}

.brand-logo {
  height: 5vh;
  width: 50%;
  display: none;
}

.brand-logo img {
  position: relative;
  top: 6px;
  margin-left: 0%;
  height: 7vh;
  width: 20%;
}

.fix {
  position: fixed;
  z-index: 0;
}

.logo-img {
  height: 40%;
  width: 40%;
  min-width: 250px;
  min-height: 250px;
}

#abhiyantriki-logo {
  position: fixed;
  z-index: 1000;
  text-align: center;
  margin-left: -8vw;
  width: 50vw;
  height: 0vh;
}

#abhiyantriki-logo img {
  height: 46vh;
  margin-right: 2vw;
}

.arrow-nav-container {
  display: none;
  cursor: pointer;
}

.arrow-nav-container .arrow-navigation {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 10px;
}

.arrow-nav-container .arrow-navigation .up-arrow {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  width: 50px;
  height: 50px;
  padding: 10px;
  transition: all 0.6s ease-in-out;
}

.arrow-nav-container .arrow-navigation .up-arrow:hover {
  background: black;
  color: white;
}

.arrow-nav-container .arrow-navigation .down-arrow {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  width: 50px;
  height: 50px;
  transition: all 0.6s ease-in-out;
}

.arrow-nav-container .arrow-navigation .down-arrow:hover {
  background: black;
  color: white;
}

.col {
  height: 10vh;
}

.container {
  height: 80vh;
  width: 100%;
}

.animate {
  position: relative;
  -webkit-transform: translate(-264px, -250px) scale(0.2);
  -ms-transform: translate(-264px, -250px) scale(0.2);
  transform: translate(-264px, -250px) scale(0.2);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

#college-logo {
  height: 10vh;
  width: 4vw;
  margin-left: 1%;
}

#college-name {
  font-family: 'Roboto:900',sans-serif;
  font-weight: 900;
}

.social-icons-container {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background: transparent;
  margin-right: 4%;
  z-index: 1000;
  width: 14%;
  height: auto;
  cursor: pointer;
  float: right;
}

#social-icons-li {
  display: inline;
  height: auto;
  width: 100%;
}

#social-icons-li a {
  display: block;
  position: relative;
  height: 7vh;
  width: 100%;
}

#social-icons-li a img {
  position: absolute;
}

.facebook img:nth-child(2):hover, .twitter:hover img:nth-child(2), .insta:hover img:nth-child(2), .youtube:hover img:nth-child(2) {
  opacity: 0;
}

#social-icons-li img {
  display: inline;
  height: 100%;
  margin-left: -50%;
}

.social {
  position: relative;
  right: 0;
  z-index: 10;
  margin-top: 3%;
}

.social-mobile {
  display: none;
  width: 100%;
  z-index: -1;
  margin-top: 12%;
}

#social-left {
  float: left;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 1000;
}

#social-right {
  float: right;
  z-index: 1000;
}

.social-mobile-left, .social-mobile-right {
  position: relative;
  z-index: 1000;
  margin: 3%;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  z-index: -1;
}

#social-icons-mobile a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.arrow-container {
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.arrow {
  position: relative;
  z-index: 00;
  display: inline-block;
  background: transparent;
  -webkit-animation: bounce 2s 5s infinite;
  animation: bounce 2s 5s infinite;
}

.arrow img {
  width: 15vh;
  height: 10vh;
}

#social-icons {
  display: inline;
  padding: 0;
  margin: 0;
  height: 8vh;
}

#social-icons-li {
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
  margin: -1px;
}

.about-section {
  background-color: transparent;
  position: aboslute;
  height: 200vh;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 0vh;
  bottom: 0;
  right: 0;
  left: 0;
}

.left-container {
  height: 100vh;
}

.right-container {
  height: 100vh;
}

.left-scroll, .right-scroll {
  width: 100%;
}

.aboutus {
  position: aboslute;
  display: block;
  height: 100vh;
  width: 100%;
}

.about {
  height: 100vh;
  width: 100%;
  position: relative;
}

.a-1 {
  background: rgba(41, 128, 185, 0.6);
}

.a-2 {
  background: white;
  height: 195vh;
}

.a-3 {
  background: rgba(127, 140, 141, 0.6);
}

#kjsce-img {
  padding: 3%;
  position: relative;
  width: 90%;
  height: 80vh;
}

#abhiyantriki-img {
  padding: 3%;
  position: relative;
  -webkit-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  transform: translateY(100vh);
  width: 90%;
  height: 80vh;
}

.a-4 {
  height: 200vh;
}

#about-kjsce {
  background-image: url("../assets/images/kjsce2.png");
  background-size: auto;
  background-position: center top;
}

#about-abhiyantriki {
  background-image: url("../assets/images/abhiyantriki.jpg");
  background-size: 150% 100vh;
  background-position: center top;
}

.events {
  display: block;
  height: 90vh;
  width: 100%;
}

.about-para-head {
  font-family: 'Roboto',sans-serif;
  font-weight: 100;
  font-style: normal;
}

.about-para {
  padding: 4%;
  text-align: justify;
  color: white;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.about h3, .about h4 {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 3%;
  color: white;
}

.about-container {
  display: none;
  height: 100vh;
  margin: 0;
}

.about-container div img {
  height: 50vh;
  width: 100%;
}

.aboutkjsce, .aboutabhi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45vh;
  width: 100vw;
  margin: 0;
  color: white;
  background: url("../assets/images/abhiyantriki.jpg");
  background-size: cover;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aboutkjsce {
  background: url("../assets/images/kjsce.jpg");
  background-size: cover;
}

.aboutkjsce p {
  padding: 2%;
  background: rgba(127, 127, 155, 0.3);
}

.aboutkjsce p:hover {
  background: rgba(127, 127, 155, 0.6);
}

.aboutabhi p {
  padding: 2%;
  background: rgba(41, 128, 185, 0.3);
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aboutabhi p:hover {
  background: rgba(41, 128, 185, 0.6);
}

.modal-footer .row .col {
  padding: 0 !important;
}

.events ul {
  height: 90vh;
}

.collapsible {
  height: 90vh;
  widows: 100%;
}

.life3 {
  background-image: url("../assets/images/pattern3.png");
  background-size: cover;
  background-attachment: fixed;
}

.life4 {
  background-image: url("../assets/images/pattern4.png");
  background-size: cover;
  background-attachment: fixed;
}

.life2 {
  background-image: url("../assets/images/pattern2.png");
  background-size: cover;
  background-attachment: fixed;
}

.life1 {
  background: url("../assets/images/pattern1.png");
  background-size: cover;
  background-attachment: fixed;
}

.container {
  height: 90vh;
  width: 100%;
}

.container-cards {
  background: black;
  margin: 0 10px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.container-cards a {
  color: black;
  text-decoration: none;
}

.card-title {
  padding: 20px;
  padding-left: 10px;
}

.collapsible-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-align: center;
  height: 22.5vh;
  padding: 1%;
}

.collapsible-body {
  background: black;
  max-height: 64vh;
  min-height: 64vh;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

#featured1 .card {
  background: #f39c12;
}

#featured2 .card {
  background: #f39c12;
}

#featured3 .card {
  background: #3498db;
}

#featured4 .card {
  background: #f39c12;
}

.modal-header {
  position: absolute;
  height: 35vh;
  width: 100%;
  padding: 0;
}

.modal-header h4 {
  height: 35vh;
  width: 100%;
  padding: 20px;
}

#Internship .modal-header {
  background-image: url("../assets/images/events/internship_expo_f.jpg");
  background-position: center;
  background-size: cover;
}

#Internship .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#Carobar .modal-header {
  background-image: url("../assets/images/events/Carobar.jpg");
  background-position: center;
  background-size: cover;
}

#Carobar .modal-header h4 {
  background-color: rgba(211, 84, 0, 0.6);
}

#Ideate .modal-header {
  background-image: url("../assets/images/events/ideate_f.jpg");
  background-position: center;
  background-size: cover;
}

#Ideate .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#ISRO .modal-header {
  background-image: url("../assets/images/events/ISRO.jpg");
  background-position: center;
  background-size: cover;
}

#ISRO .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#TechShield .modal-header {
  background-image: url("../assets/images/events/ideate_f.jpg");
  background-position: center;
  background-size: cover;
}

#TechShield .modal-header h4 {
  background-color: rgba(52, 152, 219, 0.6);
}

#BTG .modal-header {
  background-image: url("../assets/images/events/bridge_the_gap_c.jpg");
  background-position: center;
  background-size: cover;
}

#BTG .modal-header h4 {
  background-color: rgba(211, 84, 0, 0.6);
}

#TPP .modal-header {
  background-image: url("../assets/images/events/tpp_c.jpg");
  background-position: center;
  background-size: cover;
}

#TPP .modal-header h4 {
  background-color: rgba(127, 140, 141, 0.6);
}

#Mechanical .card {
  background-color: #d35400;
}

#Others .card {
  background-color: #7f8c8d;
}

#Circuit .modal-header {
  background-image: url("../assets/images/events/circuit_in_the_box_c.jpg");
  background-position: center;
  background-size: cover;
}

#Circuit .modal-header h4 {
  background-color: rgba(127, 140, 141, 0.6);
}

#Coding .card {
  background-color: #27ae60;
}

#Crakathon .modal-header {
  background-image: url("../assets/images/events/crakathon_c.jpg");
  background-position: center;
  background-size: cover;
}

#Crakathon .modal-header h4 {
  background-color: rgba(39, 174, 96, 0.6);
}

#Robotics .card {
  background-color: #c0392b;
}

#Preevent .card {
  background-color: #1abc9c;
}

#Informal .card {
  background-color: #8e44ad;
}

#Minute .modal-header {
  background-image: url("../assets/images/events/minute_to_win_it_i.jpg");
  background-position: center;
  background-size: cover;
}

#Minute .modal-header h4 {
  background-color: rgba(142, 68, 173, 0.6);
}

#CastleMath .modal-header {
  background-image: url("../assets/images/events/TakeshisCastle.jpg");
  background-position: center;
  background-size: cover;
}

#CastleMath .modal-header h4 {
  background-color: rgba(142, 68, 173, 0.6);
}

#TechHunt .modal-header {
  background-image: url("../assets/images/events/tech_hunt_i.jpeg");
  background-position: center;
  background-size: cover;<commit_msg>final 2.92<commit_after>@import 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i';
body {
  width: 100%;
  background-color: black;
  overflow-scrolling: auto;
  -webkit-overflow-scrolling: auto;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

canvas {
  width: 100%;
}

.left-modal {
  position: relative;
  padding: 2%;
  margin: auto 0;
  z-index: 10000;
  float: left;
}

.right-modal {
  position: relative;
  padding: 2%;
  z-index: 100000;
  float: right;
}

.top {
  position: relative;
  top: 0;
}

.down {
  position: relative;
  bottom: 0;
}

nav {
  background: #363c3d;
  position: fixed;
  top: 0;
  z-index: 1000;
}

nav li {
  max-height: 75px;
}

nav .current-nav {
  background: transparent;
  height: 100%;
  width: 20%;
}

nav .current-nav ul li {
  position: absolute;
  padding-left: 10px;
}

nav .side-nav {
  background: black;
}

.register {
  background: white;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  left: 0;
  bottom: 45px;
  width: 3%;
  height: 7vh;
  z-index: 1000;
  color: white;
}

.register span {
  opacity: 0;
  color: white;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
  border-radius: 18px;
  transition: all 0.2s ease-in-out;
}

.register:hover span {
  opacity: 1;
}

.current li {
  display: none;
}

.current {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

canvas {
  overflow: hidden;
}

#particles-js {
  overflow: hidden;
}

div {
  display: block;
}

.test {
  color: white;
}

.nav-wrappers {
  padding: 10px;
}

.button-collapse {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.button-collapse ul li a {
  position: fixed;
  z-index: 10000;
}

.brand-logo {
  height: 5vh;
  width: 50%;
  display: none;
}

.brand-logo img {
  position: relative;
  top: 6px;
  margin-left: 0%;
  height: 7vh;
  width: 20%;
}

.fix {
  position: fixed;
  z-index: 0;
}

.logo-img {
  height: 40%;
  width: 40%;
  min-width: 250px;
  min-height: 250px;
}

#abhiyantriki-logo {
  position: fixed;
  z-index: 1000;
  text-align: center;
  margin-left: -8vw;
  width: 50vw;
  height: 0vh;
}

#abhiyantriki-logo img {
  height: 46vh;
  margin-right: 2vw;
}

.arrow-nav-container {
  display: none;
  cursor: pointer;
}

.arrow-nav-container .arrow-navigation {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
  padding: 10px;
}

.arrow-nav-container .arrow-navigation .up-arrow {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  width: 50px;
  height: 50px;
  padding: 10px;
  transition: all 0.6s ease-in-out;
}

.arrow-nav-container .arrow-navigation .up-arrow:hover {
  background: black;
  color: white;
}

.arrow-nav-container .arrow-navigation .down-arrow {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  width: 50px;
  height: 50px;
  transition: all 0.6s ease-in-out;
}

.arrow-nav-container .arrow-navigation .down-arrow:hover {
  background: black;
  color: white;
}

.col {
  height: 10vh;
}

.container {
  height: 80vh;
  width: 100%;
}

.animate {
  position: relative;
  -webkit-transform: translate(-264px, -250px) scale(0.2);
  -ms-transform: translate(-264px, -250px) scale(0.2);
  transform: translate(-264px, -250px) scale(0.2);
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

#college-logo {
  height: 10vh;
  width: 4vw;
  margin-left: 1%;
}

#college-name {
  font-family: 'Roboto:900',sans-serif;
  font-weight: 900;
}

.social-icons-container {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  background: transparent;
  margin-right: 4%;
  z-index: 1000;
  width: 14%;
  height: auto;
  cursor: pointer;
  float: right;
}

#social-icons-li {
  display: inline;
  height: auto;
  width: 100%;
}

#social-icons-li a {
  display: block;
  position: relative;
  height: 7vh;
  width: 100%;
}

#social-icons-li a img {
  position: absolute;
}

.facebook img:nth-child(2):hover, .twitter:hover img:nth-child(2), .insta:hover img:nth-child(2), .youtube:hover img:nth-child(2) {
  opacity: 0;
}

#social-icons-li img {
  display: inline;
  height: 100%;
  margin-left: -50%;
}

.social {
  position: relative;
  right: 0;
  z-index: 10;
  margin-top: 3%;
}

.social-mobile {
  display: none;
  width: 100%;
  z-index: -1;
  margin-top: 12%;
}

#social-left {
  float: left;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 1000;
}

#social-right {
  float: right;
  z-index: 1000;
}

.social-mobile-left, .social-mobile-right {
  position: relative;
  z-index: 1000;
  margin: 3%;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  z-index: -1;
}

#social-icons-mobile a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.arrow-container {
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer;
}

.arrow {
  position: relative;
  z-index: 00;
  display: inline-block;
  background: transparent;
  -webkit-animation: bounce 2s 5s infinite;
  animation: bounce 2s 5s infinite;
}

.arrow img {
  width: 15vh;
  height: 10vh;
}

#social-icons {
  display: inline;
  padding: 0;
  margin: 0;
  height: 8vh;
}

#social-icons-li {
  display: inline-block;
  padding: 0;
  margin: 0;
  cursor: pointer;
  margin: -1px;
}

.about-section {
  background-color: transparent;
  position: aboslute;
  height: 200vh;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed {
  height: 100vh;
  width: 100%;
  position: relative;
  top: 0vh;
  bottom: 0;
  right: 0;
  left: 0;
}

.left-container {
  height: 100vh;
}

.right-container {
  height: 100vh;
}

.left-scroll, .right-scroll {
  width: 100%;
}

.aboutus {
  position: aboslute;
  display: block;
  height: 100vh;
  width: 100%;
}

.about {
  height: 100vh;
  width: 100%;
  position: relative;
}

.a-1 {
  background: rgba(41, 128, 185, 0.6);
}

.a-2 {
  background: white;
  height: 195vh;
}

.a-3 {
  background: rgba(127, 140, 141, 0.6);
}

#kjsce-img {
  padding: 3%;
  position: relative;
  width: 90%;
  height: 80vh;
}

#abhiyantriki-img {
  padding: 3%;
  position: relative;
  -webkit-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  transform: translateY(100vh);
  width: 90%;
  height: 80vh;
}

.a-4 {
  height: 200vh;
}

#about-kjsce {
  background-image: url("../assets/images/kjsce2.png");
  background-size: auto;
  background-position: center top;
}

#about-abhiyantriki {
  background-image: url("../assets/images/abhiyantriki.jpg");
  background-size: 150% 100vh;
  background-position: center top;
}

.events {
  display: block;
  height: 90vh;
  width: 100%;
}

.about-para-head {
  font-family: 'Roboto',sans-serif;
  font-weight: 100;
  font-style: normal;
}

.about-para {
  padding: 4%;
  text-align: justify;
  color: white;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.about h3, .about h4 {
  font-family: 'Roboto',sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding: 3%;
  color: white;
}

.about-container {
  display: none;
  height: 100vh;
  margin: 0;
}

.about-container div img {
  height: 50vh;
  width: 100%;
}

.aboutkjsce, .aboutabhi {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45vh;
  width: 100vw;
  margin: 0;
  color: white;
  background: url("../assets/images/abhiyantriki.jpg");
  background-size: cover;
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aboutkjsce {
  background: url("../assets/images/kjsce.jpg");
  background-size: cover;
}

.aboutkjsce p {
  padding: 2%;
  background: rgba(127, 127, 155, 0.3);
}

.aboutkjsce p:hover {
  background: rgba(127, 127, 155, 0.6);
}

.aboutabhi p {
  padding: 2%;
  background: rgba(41, 128, 185, 0.3);
  font-family: 'Roboto',sans-serif;
  font-weight: 400;
  font-style: normal;
}

.aboutabhi p:hover {
  background: rgba(41, 128, 185, 0.6);
}

.modal-footer .row .col {
  padding: 0 !important;
}

.events ul {
  height: 90vh;
}

.collapsible {
  height: 90vh;
  widows: 100%;
}

.life3 {
  background-image: url("../assets/images/pattern3.png");
  background-size: cover;
  background-attachment: fixed;
}

.life4 {
  background-image: url("../assets/images/pattern4.png");
  background-size: cover;
  background-attachment: fixed;
}

.life2 {
  background-image: url("../assets/images/pattern2.png");
  background-size: cover;
  background-attachment: fixed;
}

.life1 {
  background: url("../assets/images/pattern1.png");
  background-size: cover;
  background-attachment: fixed;
}

.container {
  height: 90vh;
  width: 100%;
}

.container-cards {
  background: black;
  margin: 0 10px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
}

.container-cards a {
  color: black;
  text-decoration: none;
}

.card-title {
  padding: 20px;
  padding-left: 10px;
}

.collapsible-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  text-align: center;
  height: 22.5vh;
  padding: 1%;
}

.collapsible-body {
  background: black;
  max-height: 64vh;
  min-height: 64vh;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}

#featured1 .card {
  background: #f39c12;
}

#featured2 .card {
  background: #f39c12;
}

#featured3 .card {
  background: #3498db;
}

#featured4 .card {
  background: #f39c12;
}

.modal-header {
  position: absolute;
  height: 35vh;
  width: 100%;
  padding: 0;
}

.modal-header h4 {
  height: 35vh;
  width: 100%;
  padding: 20px;
}

#Internship .modal-header {
  background-image: url("../assets/images/events/internship_expo_f.jpg");
  background-position: center;
  background-size: cover;
}

#Internship .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#Carobar .modal-header {
  background-image: url("../assets/images/events/Carobar.jpg");
  background-position: center;
  background-size: cover;
}

#Carobar .modal-header h4 {
  background-color: rgba(211, 84, 0, 0.6);
}

#Ideate .modal-header {
  background-image: url("../assets/images/events/ideate_f.jpg");
  background-position: center;
  background-size: cover;
}

#Ideate .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#ISRO .modal-header {
  background-image: url("../assets/images/events/ISRO.jpg");
  background-position: center;
  background-size: cover;
}

#ISRO .modal-header h4 {
  background-color: rgba(243, 156, 18, 0.6);
}

#TechShield .modal-header {
  background-image: url("../assets/images/events/ideate_f.jpg");
  background-position: center;
  background-size: cover;
}

#TechShield .modal-header h4 {
  background-color: rgba(52, 152, 219, 0.6);
}

#BTG .modal-header {
  background-image: url("../assets/images/events/bridge_the_gap_c.jpg");
  background-position: center;
  background-size: cover;
}

#BTG .modal-header h4 {
  background-color: rgba(211, 84, 0, 0.6);
}

#TPP .modal-header {
  background-image: url("../assets/images/events/tpp_c.jpg");
  background-position: center;
  background-size: cover;
}

#TPP .modal-header h4 {
  background-color: rgba(127, 140, 141, 0.6);
}

#Mechanical .card {
  background-color: #d35400;
}

#Others .card {
  background-color: #7f8c8d;
}

#Circuit .modal-header {
  background-image: url("../assets/images/events/circuit_in_the_box_c.jpg");
  background-position: center;
  background-size: cover;
}

#Circuit .modal-header h4 {
  background-color: rgba(127, 140, 141, 0.6);
}

#Coding .card {
  background-color: #27ae60;
}

#Crakathon .modal-header {
  background-image: url("../assets/images/events/crakathon_c.jpg");
  background-position: center;
  background-size: cover;
}

#Crakathon .modal-header h4 {
  background-color: rgba(39, 174, 96, 0.6);
}

#Robotics .card {
  background-color: #c0392b;
}

#Preevent .card {
  background-color: #1abc9c;
}

#Informal .card {
  background-color: #8e44ad;
}

#Minute .modal-header {
  background-image: url("../assets/images/events/minute_to_win_it_i.jpg");
  background-position: center;
  background-size: cover;
}

#Minute .modal-header h4 {
  background-color: rgba(142, 68, 173, 0.6);
}

#CastleMath .modal-header {
  background-image: url("../assets/images/events/TakeshisCastle.jpg");
  background-position: center;
  background-size: cover;
}

#CastleMath .modal-header h4 {
  background-color: rgba(142, 68, 173, 0.6);
}

#Crucible .modal-header {
  background-image: url("../assets/images/events/quiz_i.jpg");
  background-position: center;
  background-size: cover;
}

#Crucible .modal-header h4 {
  background-color: rgba(142, 68, 173, 0.6);
}

#TechHunt .modal-header {
  background-image: url("../assets/images/events/tech_hunt_i.jpeg");
  background-position: center;
  background-size: cover;
{'fraction_non_alphanumeric': 0.16125309150865622, 'fraction_numerical': 0.04873866446826051, 'mean_word_length': 3.1502668673874368, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4291843', 'n_tokens_mistral': 13138, 'n_tokens_neox': 11706, 'n_words': 2528}