@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/* NAVBAR CSS */
.nav-item{font-size:.9rem;
          font-family: 'Lato', sans-serif; }
.dropdown-menu {background-color: rbga(0,32,99,0.50);
                font-family: 'Lato', sans-serif;}
.dropdown-item{font-size:.9rem;}
.form-control,.btn{font-size:.8rem;}
/* 固定footer在底部 */
body{
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-size: large;
}
main{
flex: 1
}


/* footer */

footer {
 
    background: #16222A;
  background: -webkit-linear-gradient(59deg, #3A6073, #16222A);/* Google Chrome 與 Apple Safari 使用 -webkit */
  background: linear-gradient(59deg, #3A6073, #16222A);/* deg角度,兩組漸層顏色 */
  color: white;}
footer a {
  color: #fff;
  font-size: 2.2vmin;
  transition-duration: 0.2s;
 
}

footer a:hover {
  color: #00bfff;
  text-decoration: none;
}
footer p {
  color: #fff;
  font-size:2.2vmin;
  transition-duration: 0.2s;/* 定義轉場所花費的時間 */
}
@media screen and (max-width: 768px) {
footer a {
  color: #fff;
  font-size: 3.5vmin;
  transition-duration: 0.2s;
 }    
    
footer p {
  color: #fff;
  font-size:3.5vmin;
  transition-duration: 0.2s;/* 定義轉場所花費的時間 */
} }