/*>>>>>     START GENERAL     >>>>>*/

body {
   font-size: 16px;
   margin: 0px;
   padding: 0px;
}

html{
   scroll-behavior: smooth;
   margin: 0px;
   padding: 0px;
}

*, *::before, *::after {
   box-sizing: border-box;
}

/*<<<<<     END GENERAL     <<<<<*/

/*>>>>>     TESTING     >>>>>*/

.test{
   background: rgb(0, 255, 68);
   width: 200px;
   height: 30px;
}

/*<<<<<     TESTING     <<<<<*/

/*>>>>>     HEADER     >>>>>*/

   .default-header{
      background: white; 
      border-bottom: 2px solid black; 
      text-align: center; 
      font-size: 1.5em; 
      padding: 20px;
   }

   .scitorium-header-nav-item{
      margin: 10px 20px;
      position: relative;
   }

   .sci-header-nav-item-title{
      color: rgb(29, 29, 29);
      cursor: pointer;
      transition: .3s;
      position: relative;
   }

   .sci-header-nav-item-title:hover{
      color: rgb(88, 88, 88);
      transition: .3s;
   }

   .sci-header-nav-item-dropdown-container{ /* the transparent container */
      position: absolute; 
      top: 0;
      left: -10%;
      width: 300px; 
      background: rgba(0, 0, 0, 0); 
      font-size: 1.3rem; 
   }

   .sci-header-nav-item-dropdown{
      margin-top: 30px;
      padding: 10px;
      background: rgba(0, 0, 255, 80%); 
      font-size: 1.3rem; 
      text-align: left;
      border-radius: 10px;
   }

   .sci-header-nav-item-subcategory-title{
      color: white;
      cursor: pointer;
      margin: 5px;
      transition: .3s;
   }

   .sci-header-nav-item-subcategory-title:hover{
      color:rgb(255, 221, 163);
      transition: .3s;
   }

/*<<<<<     HEADER     <<<<<*/