.container{
    width: 100%; height: 4000px;
}
#h0{
    background-color: rgb(244, 252, 29) ; width: 100% ; height: 5px;
}

#h1{
    background-color: rgb(252, 248, 248) ; width: 20% ; height: 100px;
    float: left;
}

#h2{
    background-color: rgb(252, 248, 248) ; width: 100% ; height: 100px;
    
}


#h3{
    background-color: rgb(120, 198, 230) ; width: 100% ; height: 300px;

    
}
#h4{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 100px;

    
}   
#h5{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 400px;

    
}
#h6{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 400px;
    margin-top: 50px;
    
}
#h7{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 100px;
    margin-top: 50px;
    
}
#h8{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 1400px;
    margin-top: 50px;
    
}
#h9{
    background-color: rgb(255, 255, 255) ; width: 100% ; height: 400px;
    margin-top: 50px;
    
}
#h10{
    background-color: rgb(13, 0, 66) ; width: 100% ; height: 220px;
    margin-top: 50px;
    
}
#h11{
    background-color: rgb(13, 0, 66) ; width: 100% ; height: 50px;
    
}
.chu{
    margin: 30px 20px 20px 20px;
    float:right;
    font-weight: bold;
    
}
div a{
    text-decoration: none;
    color: black;
}
.nutbam {
    background-color: #1c8db3; 
    color: white;
    padding: 15px 30px; 
    border: none; 
    border-radius: 25px; 
    font-size: 20px; 
    font-weight: bold; 
    cursor: pointer; 
    
}

.nutbam:hover {
    background-color: #009ACD;
}

.Nut {
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 300px;
    font-size: 16px;
}
div form{
    text-align: center;
}
.book{
    margin-left: 70px;
    float: left;
}

.dd{
    margin-left: 50px;
    font-size: 30px;
    

}
.sd{
    text-align: center;
}
#cot1{
    width: 80%;
    height: 100%;
}
#cot2{
    width: 20%;
    height: 100%;
    float: right;
}
.nutDK {
    background-color: #ec8107; 
    color: white;
    padding: 15px 30px; 
    border: none; 
    border-radius: 25px; 
    font-size: 20px; 
    font-weight: bold; 
    cursor: pointer; 
    
}

.nutDK:hover {
    background-color: #e24312;
}
.tin{
    margin-left: 20px;
    margin-top: 30px;
    font-size: 20px;
}
.he{
    color:aliceblue;
    text-align: center;
    font-size: 20px;
}
.chat {
    background-color: #0789ec; 
    color: white;
    padding: 15px 30px; 
    border: none; 
    border-radius: 25px; 
    font-size: 20px; 
    font-weight: bold; 
    cursor: pointer; 
    float: right;
}

.chat:hover {
    background-color: #2f98e8;
}