@font-face {
    font-family: 'medium';
    src: url('../font/BT-BeauSans-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'bold';
    src: url('../font/BT-BeauSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'bold-italic';
    src: url('../font/BT-BeauSans-BoldItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'italic';
    src: url('../font/BT-BeauSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'regular';
    src: url(../font/BT-BeauSans-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'medium-italic';
    src: url(../font/BT-BeauSans-MediumItalic.ttf) format('truetype');
}


* {
    padding: 0;
    margin: 0;
    font-family: 'medium';
    text-decoration: none;
} 

.div-menu {
    background-color: #D5CAB6 ;
    height: 60px;
    display: flex;
    padding: 15PX;
}


 /* cụm button */
.button-xanh {
    color: #D5CAB6;
    background-color: #03212E;
    padding: 10px 25px;
    margin-top: 5px;
    text-align: center;
    box-sizing: border-box;
    border:none;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.button-xanh:hover {
    background-color: #B88D58;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px inset;
    text-decoration-line: none
}
.button-vang {
    color: #03212E;
    background-color: #D5CAB6;
    padding: 10px 25px;
    margin:auto
    text-align: center;
    box-sizing: border-box;
    border:none;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
}
.button-xanh:hover {
    background-color: #B88D58;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px inset;
    text-decoration-line: none
}
 /* cụm menu */
 .tab-menu {
    font-family: regular, san-serif;
    color: black;
    padding: 15px 10px;
    font-size: 16px;
    text-align: center;
    list-style-type: none;
    display: flex;
 }
 .tab-menu:hover {
    font-size: 16px;
    text-align: center;
    font-family: bold;
    color: #03212E;
 }
 .back-1 {
    background-image: url(../img/back.jpg);
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .back-2 {
    background-color: #03212E;

 }

 .testbg {
    background-color: aqua;
    height: 100vh;
 }


 /* Qui dinh ve font */
 .titlep1{
    text-align: center;
    
 }
 .title2{
    text-align: center;
    padding-top: 30vh;
    margin-bottom: 10vh;
    color: #D5CAB6;
 }
.pwhite {
    color: #D5CAB6;
    text-align: center;
    padding-left: 30px;
}



