Spaces:
Sleeping
Sleeping
| body{ | |
| background-image:url("../static/Images/Background.jpg"); | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| } | |
| .title{ | |
| display:flex; | |
| flex-direction:row; | |
| align-items: center; | |
| } | |
| .title img{ | |
| width: 250px; | |
| height: 250px; | |
| margin-right: 170px; | |
| margin-left: 280px; | |
| margin-top: 20px; | |
| } | |
| .title h1{ | |
| white-space: nowrap; | |
| font-size: 70px; | |
| color:rgb(80, 80, 80); | |
| } | |
| .p1{ | |
| width: 380px; | |
| height: 220px; | |
| border: 2px solid rgb(139, 138, 138); | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .p2{ | |
| width: 240px; | |
| height: 220px; | |
| border: 2px solid rgb(139, 138, 138); | |
| padding-left: 60px; | |
| padding-right: 60px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| margin-left: 240px; | |
| } | |
| .p3{ | |
| width: 240px; | |
| height: 220px; | |
| border: 2px solid rgb(139, 138, 138); | |
| padding-left: 60px; | |
| padding-right: 60px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| } | |
| .p4{ | |
| width: 230px; | |
| height: 220px; | |
| border: 2px solid rgb(139, 138, 138); | |
| padding-left: 85px; | |
| padding-right: 60px; | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| margin-left: 250px; | |
| } | |
| .con1{ | |
| display: flex; | |
| flex-direction: column; | |
| margin-left: 400px; | |
| } | |
| .trd2{ | |
| margin-top: 20px; | |
| } | |
| .trdl h2{ | |
| white-space: nowrap; | |
| font-size: 30px; | |
| color:rgb(28, 29, 29) | |
| } | |
| .trd2 h2{ | |
| white-space: nowrap; | |
| font-size: 30px; | |
| color:rgb(28, 29, 29) | |
| } | |
| .buttonc{ | |
| margin-top: 40px; | |
| } | |
| .buttonc a{ | |
| display: inline-block; | |
| color: white; | |
| background-color: rgb(85, 81, 81); | |
| padding: 10px 20px; | |
| border-radius: 5px; | |
| text-decoration: none; | |
| font-size: 18px; | |
| } | |
| .buttonc1 a{ | |
| display: inline-block; | |
| color: white; | |
| background-color: rgb(85, 81, 81); | |
| padding: 10px 20px; | |
| border-radius: 5px; | |
| text-decoration: none; | |
| font-size: 18px; | |
| } | |
| .pic{ | |
| white-space: nowrap; | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| .pic1{ | |
| white-space: nowrap; | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| .tc1{ | |
| display: flex; | |
| flex-direction: row; | |
| margin-bottom:-30px; | |
| } | |
| .tc2{ | |
| display: flex; | |
| flex-direction: row; | |
| } | |
| .texts1{ | |
| width:400px; | |
| word-wrap: break-word; | |
| } | |
| .texts2{ | |
| width:400px; | |
| word-wrap: break-word; | |
| margin-left: 220px; | |
| } | |
| .texts3{ | |
| width:400px; | |
| word-wrap: break-word; | |
| } | |
| .texts4{ | |
| width:400px; | |
| word-wrap: break-word; | |
| margin-left: 220px; | |
| } | |
| .button1{ | |
| margin-left: 50px; | |
| } | |
| .button2{ | |
| margin-left: 350px; | |
| } | |
| .button3{ | |
| margin-left: 50px; | |
| } | |
| .button4{ | |
| margin-left: 380px; | |
| } |