*{
    margin: 0;
    padding: 0;
}
html, body {
		 scroll-behavior: smooth;
		 scroll-padding-top: 60px;
}
#tab li {
    float: left;
    list-style: none;
    width: 110px;
    height: 40px;
    text-align: center;
}
#tab {
    /* border-bottom: 1px solid #c6cede; */
    font-size: 18px;
    margin: 0 auto;
    width: 220px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 22%) 0px 2px 10px, rgb(0 0 0 / 16%) 0px 2px 5px;
    border-radius: 3px;
}
#content ul li {
    list-style: none;
    list-style: outside none;
    cursor: pointer;
    display: block;
    margin: 0 0px 1px 0;
    padding: 10px 5px;
}

#tab {
    overflow: hidden;
}

#tab li:first-child, #content1 {
    background: #FFFFFF;
}
  
#tab li:first-child + li, #content2 {
    background: #FFFFFF;
}
  
#tab li:last-child, #content3 {
    background: #00ccff;
}

#content ul {
    float: right;
    width: 20%;
    padding-left: 0;
}
 
#tab li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 40px;
    color: #000;
    text-decoration: none;
}
 
#content {
    position: relative;
    font-size: 14px;
    text-transform:uppercase;
}
#content1, #content2, #content3 {
     width: 100%;
    /*  height: 100px;*/
    /*  position: absolute;*/
    /*  top: 0;*/
    /* left: 0;*/
    display: none;}
 
#content1{
    display: block;
}
#about{
   padding: 20px 0px;  
}