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, .buttonc1{ | |
margin-top: 40px; | |
white-space:nowrap; | |
} | |
.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; | |
min-width: 400px; | |
} | |
.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; | |
} |