Template:NCKU Tainan/css/team css

 body {
   background-color: #272625;
 }
 #HQ_page p {
   margin: 0;
   background-color: #010E00;
 }
 h4, h1, p {
   color: white;
 }
 p {
   font-size: 18px;
 }
 .container.content {
   margin-top: 80px;
 }

 /*folded-corner*/
 .post {
   position: relative;
 }
 .folded-corner {
   position: absolute;
   bottom: 0px;  
   right: 0px;
   border-width: 0;
   border-style: solid;
   background: hsla(260,100%,100%,0.2);
   box-shadow: 0px -4px 0px rgba(0,0,0,0.3), -1px -4px 0px rgba(0,0,0,0.1);
   border-radius: 15px 0 0 0;
   border-color: transparent #B9DEBB transparent transparent;
   transition: border-width 0.2s ease-out;
 }
 .post:hover .folded-corner {
   border-width: 40px 40px 0 0;
 }
 .photo .folded-corner {
   background: hsla(260,5%,75%,0.5);
 }

 #HQ_page h1 {
   border-bottom: 10px solid #7ae26f;
 }
 .head {
   color: white;
   width: 50%;
   font-size: 50px;
   font-weight: 700;
   border-bottom: 10px solid #7ae26f;
   position: relative;
   margin-top: 100px;
 }

 [class*="col-"] {
   float: left;
   padding: 13px;
 }
 a.list-group-item:visited {
   color: white;
 }
 .col-2.side {
   padding: 0;
 }
 .list-group {
   margin-top: 100px;
 }
 .list-group-item {
   padding: .55rem .35rem;
   background-color: #272625;
   color: white;
   border: none;
   font-size: 19px;
   margin: 15px 0;
 }
 a.list-group-item.list-group-item-action {
   background-color: transparent;
 }
 a.list-group-item.list-group-item-action:hover {
   color: #98CC9B;
 }
 a.list-group-item.list-group-item-action.active {
   background-color: transparent;
   color: #7ae26f;
 }
 .scrollspy-example h4{
   font-size: 2rem;
   padding: 5px;
 }

 .flip {
   width: 240px;
   height: 370px;
 }
 .flip .card {
   width: 100%;
   height: 100%;
   text-align: center;
   transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
   background-color: #B9DEBB;
 }
 .flip .card .namecard {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 2;
   font-size: 3em;
   line-height: 26px;
 }
 .flip .card .front {
   margin: 15px;
   position: absolute;
   z-index: 1;
   letter-spacing: 1px;
   background-color: #B9DEBB;
   letter-spacing: 1px;
   overflow: hidden;
   cursor: pointer;
 }
 .flip .card .back {
   transform: rotatey(-180deg);
   -webkit-transform: rotatey(-180deg);
   cursor: pointer;
   letter-spacing: 1px;
   overflow: hidden;
   margin: 15px;
   text-align: left;
   background-color: #B9DEBB;
 }
 .flipped {
   transform: rotatey(-180deg);
   -webkit-transform: rotatey(-180deg);
 }
 .card h3 {
   margin-top: 5px;
   font-size: 24px;
   line-height: 34px;
 }
 .namecard.back h3 {
   color: #144C18;
   text-align: center;
 }
 .namecard h2 {
   font-size: 22px;
   line-height: 1.5;
 }
 .namecard h5 {
   font-size: 17px;
   line-height: 1.3;
 }
 .namecard p {
   font-size: 15px !important;
   line-height: 20px;
   letter-spacing: 0.5px;
   color: #272625;
   background-color: transparent !important;
   text-align: left !important;
   font-family: 'Noto Sans', sans-serif !important;
 }
 h5.quote {
   margin-top: 10px;
   color: #07350A;
   font-family: 'Courgette', cursive !important;
 }
 #PI, #Advisor, #Wet, #Dry_IT, #HP {
   padding-top: 80px;
 }
 h3.backname {
   margin-top: 0;
 }