*{
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
}

body{
    display: block;
    left: 0px;
}

IMG{
    width: 100%;
    height: 40%;
}
/* Dress Section */

.dress{
    background-color: rgb(255, 159, 148);
    text-align: center;
    border: 5px solid black; 
    border-radius: 5px;   
}

.Dress{
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dpara{
    margin: 0px 250px;
    height: 100%;
    align-content: center;
    justify-content: center;
    background-color: brown;
    color: white;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    padding: inherit;
    margin-bottom: 10px;
    font-size: 35px;
    font-weight: bold
}

.Dress th{
    background-color: pink;
    color: red;
    font-size: 25px;
}

.Dress td{
    font-size: 25px;
    background-color: rgb(255, 255, 134);
    color:#21d600;
}

/* House section */

#house{
 /* background-color: coral; */
 margin: 10px 130px;
 margin-top: 100px;
 /* border: 2px solid palegoldenrod; */
}

#house h2{
 font-weight: bold;
 font-size: 50px;
 text-align: center;
 color: rgb(0, 31, 255);
}

.house{
 padding: 2px;
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
}

#house1{
 padding: 15px;   
 width: 45%;
 border: 5px solid black;
 background-color: red;
 border-right: 0px solid wheat;
 border-bottom: 0px solid wheat;
}
#house1 img{
 width: 100%;
height:200px;
float: left;
}

#house2{
    padding:15px;   
    width: 45%;
    border: 5px solid black;
    border-left: 0px solid wheat;
    border-bottom: 0px solid wheat;
    background-color: yellow;
}
#house2 img{
    width: 100%;
    height:200px;
    float: right;
}
.yellow{width: 100%;}

#house3{
    padding: 15px;
    width: 45%;
    background-color: green;
    border-left: 5px solid black;
}
#house3 img{
    width: 100%;
    height:200px;
    float:left;
}
.green{width: 100%;}

#house4{
    padding: 15px;
    width: 45%;
    background-color: rgb(255, 243, 220);
    border-right: 5px solid black;
}
#house4 img{
    width: 100%;
    height:200px;
    float: right;
}
.white{width: 100%;}

#house5{
    padding: 15px;
    width: 45%;
    border: 5px solid black;
    background-color: blue;
    border-top: 0px solid wheat;
    border-right: 0px solid wheat;
}
#house5 img{
    width: 100%;
    height:200px;
    float:left;
}
.blue{width:100%;}

#house6{
    padding: 15px;
    width: 45%;
    border: 5px solid black;
 background-color: rgb(255, 129, 83);
 border-top: 0px solid wheat;
 border-left: 0px solid wheat;
}
#house6 img{
    width:100%;
    height:200px;
    float:right;
}
.saffron{width: 100%;}

.join{
    margin-left: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.bt{
    margin: 20px;
    padding: 5px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button a{
    text-decoration: none;
}

button a:hover{
    text-decoration: underline;
    list-style-type: none;
    color:red;
}

    /* Footer Section */

    footer{
        display: flex;
        flex-direction: column;
     width: 100%;
     margin-top: 35px;
     background-color: rgb(41, 41, 41);
     height: 100%;
    }
      
    .footer{
     margin: 12px;
     display: flex;
     cursor: context-menu;
     color: white;
     align-content: center;
     justify-content: center;
    }
    
    .footer a{
     color: #6868ff;
     display: inline;
     text-decoration: none;
    }
      
    .footer a:hover{
     color: #0c0cff;
     text-decoration: underline;
    }