drhtml {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, sans-serif;
	background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}

a {
  color: #000;
}

/* nav */
nav{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.navbar .nav-item,.navbar .nav-item .dropdown-item .deep-dropdown-item{
    font-weight: bold;
    font-size:small;
}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: darkcyan;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}        
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu .deep-dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: darkcyan;  }
    .navbar .nav-item:hover .dropdown-menu .deep-dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu .deep-dropdown-menu{ margin-top:0; }
}        
                        /*SLIDER*/
.blank{
  width: 100%;
  height: 10%;
}
.slideshow{
  width: 100%;
  height: 90%;
  padding-top: 15%;
  background-image: url("4.jpg");
  background-size: 100% 100%;
  animation: slider 50s infinite linear;
}
@keyframes slider{
  0%{
      background-image: url("5.jpg");
  }
  15%{
      background-image: url("41.jpg");
  }
  30%{
      background-image: url("5.jpg");
  }
  45%{
      background-image: url("42.jpg");
  }
  60%{
      background-image: url("3.jpg");
  }
  75%{
      background-image: url("43.jpg");
  }
  90%{
      background-image: url("44.jpg");
  }
}

  #olympiad .heading{
    background-color: darkcyan;
    padding: 10px 10px;
    color: white;
    font-family: 'Rowdies', cursive;
    width:fit-content;
    font-size: xx-large;
  }
  #olympiad .row{
      text-align:center !important;
      margin-top: 10px;
      margin-left: 0px;
      font-family: 'Ubuntu', sans-serif;
      margin-bottom: 15px;
  }
  #pages{
    font-size: 16px;
    text-align: center;
    padding: 1% 1% !important;
    height: fit-content;
    text-decoration: none;
    margin-bottom: 15px;
    color: white;
    border:0 !important;
  }
  @media (max-width: 48em) {
    #olympiad .heading{
      font-size: large;
    }
    #pages{
      font-size: 11px;
      text-align: center;
      padding: 3px 0px;
      height: fit-content;
    }
  }
  
  @media (max-width: 1024px) {
    #pages{
      font-size: 14px;
      text-align: center;
      padding: 3px 2px;
      height: fit-content;
    }
    #pages2{
      font-size: 14px;
      text-align: center;
      padding: 3px 2px;
      height: fit-content;
    }
  }

  #edits{
    height: 30px;
  }
  #small-edits{
    height: 15px;
  }
    @media (max-width: 48em) {
        #olympiad h1{
            font-size: x-large;
        }
    }

/*Footer*/
.site-footer #footer-bord:hover{
    border: 1px solid white;
}

.site-footer
    {
      background-color:#ffffff;!important
      padding:45px 0 20px;
      font-size:15px;
      line-height:24px;
      color:#000000;!important
    }
    .site-footer hr
    {
      border-top-color:#bbb;
      opacity:0.5
    }
    .site-footer hr.small
    {
      margin:20px 0
    }
    .site-footer h6
    {
      color:#fff;
      font-size:16px;
      text-transform:uppercase;
      margin-top:5px;
      letter-spacing:2px
    }
    .site-footer a
    {
      color:#737373;
    }
    .site-footer a:hover
    {
      color: darkcyan;
      text-decoration:none;
    }
    .footer-links
    {
      padding-left:0;
      list-style:none
    }
    .footer-links li
    {
      display:block
    }
    .footer-links a
    {
      color:#ffffff
    }
    .footer-links a:active,.footer-links a:focus,.footer-links a:hover
    {
      color:#3366cc;
      text-decoration:none;
    }
    .footer-links.inline li
    {
      display:inline-block
    }
    .site-footer .social-icons
    {
      text-align:right
    }
    .site-footer .social-icons a
    {
      width:40px;
      height:40px;
      line-height:40px;
      margin-left:6px;
      margin-right:0;
      border-radius:100%;
      background-color:#33353d
    }
    .copyright-text
    {
      margin:0
    }
    @media (max-width:991px)
    {
      .site-footer .container{
        text-align:center
      }
      .site-footer [class^=col-]
      {
        margin-bottom:30px
      }
    }
    @media (max-width:767px)
    {
      .site-footer
      {
        padding-bottom:0;
      }
      .site-footer .copyright-text,.site-footer .social-icons
      {
        text-align:center
      }
    }
    .social-icons
    {
      padding-left:0;
      margin-bottom:0;
      list-style:none
    }
    .social-icons li
    {
      display:inline-block;
      margin-bottom:4px
    }
    .social-icons li.title
    {
      margin-right:15px;
      text-transform:uppercase;
      color:#96a2b2;
      font-weight:700;
      font-size:13px
    }
    .social-icons a{
      background-color:#eceeef;
      color:#818a91;
      font-size:16px;
      display:inline-block;
      line-height:44px;
      width:44px;
      height:44px;
      text-align:center;
      margin-right:8px;
      border-radius:100%;
      -webkit-transition:all .2s linear;
      -o-transition:all .2s linear;
      transition:all .2s linear
    }
    .social-icons a:active,.social-icons a:focus,.social-icons a:hover
    {
      color:#fff;
      background-color:#29aafe
    }
    .social-icons.size-sm a
    {
      line-height:34px;
      height:34px;
      width:34px;
      font-size:14px
    }
    .social-icons a.facebook:hover
    {
      background-color:#3b5998
    }
    .social-icons a.twitter:hover
    {
      background-color:#00aced
    }
    .social-icons a.linkedin:hover
    {
      background-color:#007bb6
    }
    .social-icons a.dribbble:hover
    {
      background-color:#ea4c89
    }
    @media (max-width:767px)
    {
      .social-icons li.title
      {
        display:block;
        margin-right:0;
        font-weight:600
      }
    }

    /*Jquery*/
    .quer{
      background: linear-gradient(90deg,#079992,#000000);
      padding: 20px;
      text-align: center;
      color: white;
    }
    .quer .autumn{
      font-weight: bolder;
      font-size: xx-large;
    }
    .query{
      background: linear-gradient(90deg,#079992,#000000);
      padding: 40px;
      display: flex;
      text-align: center;
      font-weight: bold;
      color: white;
    }
    .colu{
        flex: 1;
        font-size: 32px;
    }
    .colu i{
        font-size: 36px;
    }
    #colu1{
      flex: 1;
      font-size: 32px;
    }
    #colu2{
      flex: 1;
      font-size: 32px;
    }
    #colu3{
      flex: 1;
      font-size: 32px;
    }
    .counter{
        padding: 20px;
        color: #D9A60A;
    }
    .num1{
        padding: 20px;
    }
@media (max-width: 48em) {
      .quer{
        background: linear-gradient(90deg,#0a3d62,#000000);
        padding: 20px;
        text-align: center;
        color: white;
      }
      .quer .autumn{
        font-weight: bolder;
        font-size: large;
      }
      .query{
        background: linear-gradient(90deg,#0a3d62,#000000);
        padding: 40px;
        display: flex;
        text-align: center;
        font-weight: bold;
        color: white;
      }
      .colu{
        flex: 1;
        font-size: 16px;
      }
      .colu i{
        font-size: 16px;
      }
      #colu1{
        flex: 1;
        font-size: 16px;
      }
      #colu2{
        flex: 1;
        font-size: 16px;
      }
      #colu3{
        flex: 1;
        font-size: 16px;
      }
      .num1{
          padding: 20px 0;
      }
      #edits{
        height: 15px;
      }
      .counter{
        font-size: 16px;
      }
    }

    /*News*/
    .news {
      box-shadow: inset 0 -15px 30px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.5);
      width: 100%;
      overflow: hidden;
      padding: 1px;
      -webkit-user-select: none;
    }
    
    .news span {
      float: left;
      color: #fff;
      position: fixed;
      bottom: 0;
      padding: 5px;
      background-color: black;
      border: 1px solid white;
      font: 15px 'Raleway', Helvetica, Arial, sans-serif;
      -webkit-font-smoothing: antialiased;
      -webkit-user-select: none;
      cursor: pointer;
    }

    .text1 a{
      text-decoration: none;
      color: white;
    }
    /*Scroll bar*/

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black; 
  border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: darkcyan; 
  border-radius: 2px;
}