html * {
  line-height: 1.625;
  color: rgb(0, 0, 0);
  font-family: TimesNewRoman, "Times New Roman";
}

body { padding-top: 56px; background-color: #fdf6c2;}
.left-aligned { margin-left: auto; }
.bg-dark { background-color: #000000 !important; }
.bg-darker { 
 }
.bg-hero { background-color: rgb(255, 255, 255); }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:10px solid #0783ff; border-left-width:1.2rem; border-radius:125rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }
.bd-callout-danger2 { border-left-color:#000000 }



#cover_hide{
  width:100%;
  height:100%;
  position:absolute;
  z-index:-100000000;
  opacity: 0;
}

.menu_sub{
  width:50%;
  left:25%;
  height:100%;
  position:relative;
}


#cover_img{
  width:100%;
  height:100%;
  position:absolute;
  z-index:100000000;
  transition: 0.5s;
}
#cover_bg
{
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    z-index: 100000;
}
#cover_bg a
{
    position: absolute;
    transition: 0.5s;
}
#cover_bg a:nth-child(1)
{
    position: absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(255,255,255,1));
}

#containerr
{
    position: absolute;
    height: 60%;
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    z-index: -1000;
}

#containerr a
{
    position: absolute;
    transition: 0.5s;
}
#containerr a:nth-child(1)
{
    position:fixed;
    top:0%;
    left:12.6%;
    width:3.4%;
    height:100%;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0,0,0,1));
}
#containerr a:nth-child(2)
{
    position:fixed;
    top:0%;
    right:12.9%;
    width:3.77%;
    height:100%;
    background: linear-gradient(to bottom,rgba(0, 0, 0, 1),rgba(0, 0, 0, 1),rgba(0,0,0,1));
}
#containerr a:nth-child(3)
{
    position:fixed;
    top:0%;
    right:0%;
    width:80%;
    left:10%;
    height:100%;
    z-index: -100;
    background: rgba(255, 255, 255, 1)
}
#containerr a:nth-child(4)
{
    position:fixed;
    top:0%;
    right:0%;
    width:15%;
    height:100%;
    z-index: -50;
    background: rgba(185, 185, 185, 1)
}
#containerr a:nth-child(5)
{
    position:fixed;
    top:0%;
    left:0%;
    width:15%;
    height:100%;
    z-index: -50;
    background: rgba(185, 185, 185, 1)
}


#containerr a:nth-child(6)
{
    position:fixed;
    top:0%;
    left:0%;
    width:16%;
    height:100%;
    z-index: -40;
    background: linear-gradient(to bottom,rgba(185, 185, 185, 0),rgba(185, 185, 185, 0),rgba(255, 255, 255, 1));
    animation: left_bar 2s ease-in-out infinite;
}

#containerr a:nth-child(7)
{
    position:fixed;
    top:0%;
    left:0%;
    width:8%;
    height:100%;
    z-index: -30;
    background: linear-gradient(to bottom,rgba(185, 185, 185, 0),rgba(205, 205, 205, 0.2),rgba(255, 255, 255, 1));
    animation: left_bar 5s ease-in-out infinite;
}

#containerr a:nth-child(8)
{
    position:fixed;
    top:0%;
    left:0%;
    width:3%;
    height:100%;
    z-index: -30;
    background: linear-gradient(to bottom,rgba(185, 185, 185, 0),rgba(205, 205, 205, 0.5),rgba(255, 255, 255, 1));
    animation: left_bar 2s ease-in-out infinite;
}

@keyframes left_bar{

  0%{
      transform: translateY(0in)scale(1,1)rotateY(0deg);
  }
  50%{
      transform: translateY(0in)scale(0.8,1)rotateY(0deg);
  }
  100%{
      transform: translateY(0in)scale(1,1)rotateY(0deg);
  }
}







/* footer */
footer a { color: rgb(255, 204, 0); font-weight: bold; text-decoration: none; }
footer b { color: rgb(255, 255, 255); font-weight: bold; text-decoration: none; }
footer a:hover { color: rgb(0, 98, 255); text-decoration: underline; }
footer img{
  position:relative;
  width:100%;
  z-index:11000;
}
#left_rect{
  top:8%;
  left:1%;
  width:10%;
  position:absolute;
  background: linear-gradient(to right,#a18cd1,#fbc2eb,rgba(255, 255, 255, 0.15));
}

#back{
  left:0;
  height:auto;
  width:100%;
  position:relative;
    
}
#neohead{
  scale:1;
  width:100%; 
    
}
#navLink{
  width:100%;
  height:100%;
  top:0%;
  left:0%;
}
#navbarDropdown{
  width:100%;
  height:100%;
    
}
.glassy {
  opacity: 0;
}
.dummydrop { 
  top:12%;
  height:75%;
  left:45%;
  width:13.69%;position:absolute;
    
}
.small-home { 
  top:12%;
  height:75%;
  left:19%;
  width:10.69%;position:absolute;
}
.small-team { 
  top:12%;
  height:75%;
  left:30%;
  width:12.69%;
  position:absolute;

}
.small-proj { 
  top:12%;
  height:75%;
  left:45%;
  width:13.69%;position:absolute;
    
}
.small-part { 
  top:12%;
  height:75%;
  left:60%;
  width:12.69%;position:absolute;
    
}
.small-lab { 
  top:12%;
  height:75%;
  left:74%;
  width:10.69%;position:absolute;

}
.small-hp { 
  top:12%;
  height:75%;
  left:86%;
  width:12.69%;position:absolute;

}
#team{
  top:60%;
  right:1%;
  width:9.69%;position:absolute;animation: rotate 1s ease-in-out infinite;
}
#lab{
  top:32%;
  right:0%;
  width:12.9%;position:absolute;animation: rotate 1s ease-in-out infinite;
}
#part{
  top:8%;
  right:1%;
  width:10.5%;position:absolute;animation: rotate 1s ease-in-out infinite;
}
#index{
  top:8%;
  left:1%;
  width:10%;
  position:absolute;   
  animation: rotate 1s ease-in-out infinite;
}
#desc{
  bottom:12%;
  left:0;
  width:12.2%;
  position:absolute;   
  animation: rotate 1s ease-in-out infinite;
}
#hp{
  top:45.4%;
  left:0%;
  width:12.2%;
  position:absolute;
  animation: rotate 1s ease-in-out infinite;
}


.goto{
  position:relative;
  background-color:#000000;
  height:100px;
  width:40%;
  left:30%;
  opacity:1;
  bottom:-150px;
  float:left;
  border-radius: 23rem;
  z-index: 1;

  transition: 0.5s;
}
#pers_0{
  top:202px;
  left:30px;
  background-color:#000000;
  height:10%;
  width:20%;
  float:left;
  border-radius: 1rem;
  z-index: 100000;

  transition: 0.5s;
}

#navi_back{
  top:00px;
  left:0;
  height:auto;
  width:100%;
  position:absolute;   
  z-index: -10000;
    
}

.menu{
  position:absolute;
  top:175px;
  left:6px;
  width:0px;
  height:0px;
  float:left;
  border-radius: 1rem;
  z-index: -100000;
  opacity: 0;

  transition: 0.5s;
}
#content_round{
  
  background-color:rgba(24, 21, 121,0);
  width:75%;
  left:12.5%;
  position: relative;
  border-radius: 0rem;
}
#content_frame{
  
  position:relative;
  top:125px;
  left:5%;
  background-color:rgb(223, 215, 179);
  height:90%;
  width:90%;
  border-radius: 1rem;
}
#content_inside{
  
  position:relative;
  top:9%;
  left:5%;
  background-color:rgb(223, 215, 179);
  width:90%;
  border-radius: 5rem;
}
#ddl{
  
  position:relative;
  top:70px;
  left:5%;
  background-color:rgb(255, 229, 97);
  height:90%;
  width:90%;
  border-radius: 1rem;
}
#button_team{
  position:absolute;
  left:1685px;
  top:640px;
  animation: rotate 2s ease-in-out infinite;
}
#footer_img{
  min-height: 100%; 
  min-width: 1024px; 
  width: 100%;
}
@keyframes rotate{

  0%{
      transform: translateY(0.03in)scale(1,1)rotateY(0deg);
  }
  50%{
      transform: translateY(-0.03in)scale(1.01)rotateY(0deg);
  }
  100%{
      transform: translateY(0.03in)scale(1,1)rotateY(0deg);
  }
}