body { background-color: green; font-family: Georgia, 'Times New Roman', Times, serif; } #outer { background-color: green; height: 1500px; width: 1000px; margin: 30px auto; border-radius: 20px; } #navbar { height: 50px; width: 1000px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-color: white; border-bottom: 5px green; } #navbar { display: flex; justify-content: space-between; align-items: center; } #navbar li { list-style-type: none; display: inline; margin: 20px; } #navbar a { color: black; text-decoration: none; } .search { display: flex; justify-content: space-between; align-items: center; } #navbar input { padding: 5px; border-radius: 10px; margin-right: 5px; font-size: 15px; } #navbar i { margin: 10px; font-size: 22px; } /* #navbt { height: 5px; width: 1000px; border-top: 1px solid; } #navbt_c1 { height: 5px; width: 300px; float: left; background-color: green; } #navbt_c2 { height: 5px; width: 400px; float: left; background-color: lightgreen; } #navbt_c3 { height: 5px; width: 300px; float: left; background-color: green; } */ #slider { margin-top: 5px; margin-bottom: 5px; height: 300px; width: 1000px; background-image: url(../img/sofa.jpg); background-repeat: no-repeat; background-size: cover; } #box1 { height: 850px; width: 1000px; } #box1_c1 { height: 840px; width: 700px; float: left; padding-top: 10px; padding-left: 35px; padding-right: 0px; background-color: #fff; border-bottom-left-radius: 20px; } .box1_c1_img { height: 300px; width: 690px; background-image: url(../img/girl.jpg); background-repeat: no-repeat; background-size: cover; } #box1_c1 a { color: green; text-decoration: none; } .box1_bt { display: flex; justify-content: space-between; align-items: center; padding: 10px; } .box1_bt_cr {} .box1_bt p { display: inline; border: 1px solid green; padding: 10px; color: green; } .box1_bt .p12 { border: 0px; color: green; } .box1_bt .b { background-color: green; color: white; } #box1_c2 { height: 850px; width: 265px; float: right; background-color: lightgray; border-bottom-right-radius: 20px; } .box1_c2_content h1 { text-align: left; margin-left: 35px; } .box1_c2_content li { list-style-type: none; color: green; margin: 10px; } .box1_c2_content li a { color: green; font-size: 20px; text-decoration: none; } .fbg { background: repeat-x center bottom; } .fbg_resize { margin: 15px auto; width: 920px; border-radius: 20px; height: 250px; padding: 24px 40px 12px; background-color: #fff; } .fbg ul li { padding: 4px 0; } .fbg a { margin: 0; padding: 2px 4px; } .fbg ul li a { margin: 0; padding: 2px 4px; background: none; text-decoration: none; } .fbg ul li a:hover { text-decoration: underline; font-weight: normal; } .fbg h2 {} .fbg img { padding: 3px; border: 1px solid #cfd2d4; } .fbg .col { margin: 0; float: left; } .fbg .c1 { padding: 0 16px 0 0; width: 266px; } .fbg .c2 { padding: 0 16px; width: 300px; } .fbg .c3 { padding: 0 0 0 16px; width: 260px; } form { border: 2px solid green; border-radius: 10px; padding: 20px; margin: 70px; display: flex; font-family: inherit; flex-direction: column; justify-content: center; gap: 20px; } form a { text-align: center; font-weight: bold; margin-top: 5px; } input { padding: 10px; border: 1px solid green; border-radius: 5px; } label { font-size: 25px; font-weight: bold; } button { padding: 10px 5px; font-family: inherit; background-color: green; border-radius: 10px; color: white; font-size: 20px; }