@import './reset.css';

.topmenu {
    height: 8vh;
    width: 100vw;
    color: rgb(234, 233, 226);
    background-color:  rgb(255, 255, 255);
    float: top;
}

.topmenu .logo {
    position:relative;/*此項設定後、float方能起作用*/
    display: flex;
    /*align-items: center; 此項用於調整 li的排列水平置中、但用於此處不太合用*/
    float: left;/*導覽列靠右*/
    padding: 0px 0px;/*對靠右的導覽列進行位置的微調*/
}

.topmenu .logo .logoStyle {
    height: 8vh;
    width: 220px;
}
/*
just note {
    position:relative;  此項設定後、float方能起作用
    display: flex;
    align-items: center; 此項用於調整 li的排列水平置中、但用於此處不太合用
    float: right; 導覽列靠右
    padding: 30px 20px; 對靠右的導覽列進行位置的微調
}
*/


.topmenu ul {
    position:relative;  /*此項設定後、float方能起作用*/
    display: flex;
    /*align-items: center; 此項用於調整 li的排列水平置中、但用於此處不太合用*/
    float: right; /* 導覽列靠右*/
    padding: 15px 10px; /*對靠右的導覽列進行位置的微調 上下/左右*/
}

.topmenu ul li {
    font-size: 1.3em;
    font-width:200;
    padding: 0px 10px;
    color: black;
}

a:link {
    color: black;
  }
  
  /* visited link */
a:visited {
    color: black;
  }
  
  /* mouse over link */
a:hover {
    color: hotpink;
  }
  
  /* selected link */
a:active {
    color: blue;
  }


.leftmenu {
    height: 90vh;
    width:20vw;
    background-color: blue;
    float: left;
}

.content {
    position: relative;
    overflow:auto;
    left: 0vw;
    height:100vh;
    width: 100vw;
    background-color:rgb(109, 109, 109);
}

.content .aboutInfoPng{
    /*position: relative;
    height: 90vh;
    width: 80vw;*/
    position: relative;   
    /*display area*/
    height: 100%;
    width: 100%;
    left:15vw;
    background: url('../../imgs/under-construction.png') no-repeat;
    background-size:  auto 100%;/*h,w*/
    /*display: inline-block;*/
}