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); | |
} | |
.pic{ | |
display: flex; | |
margin-left: 360px; | |
margin-right: 300px; | |
margin-top: 50px; | |
} | |
.pic1{ | |
display: flex; | |
margin-left: -840px; | |
margin-right: 300px; | |
margin-top: 400px; | |
} | |
.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: 160px; | |
} | |
.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: 190px; | |
} | |
.trdl{ | |
display: flex; | |
margin-left: 300px; | |
margin-right: 260px; | |
margin-top: 20px; | |
} | |
.trdl h2{ | |
white-space: nowrap; | |
font-size: 30px; | |
color:rgb(28, 29, 29) | |
} | |
.buttonc{ | |
white-space: nowrap; | |
margin-top: 300px; | |
margin-left: -1140px; | |
} | |
.buttonc1{ | |
white-space: nowrap; | |
margin-left: 60px; | |
} | |
.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; | |
margin-left: 280px; | |
margin-top: 10px; | |
} | |
.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; | |
margin-left: 340px; | |
margin-top: 10px; | |
} | |
.texts1{ | |
margin-left: 60px; | |
} | |
.texts2{ | |
margin-left: 150px; | |
} | |
.texts3{ | |
margin-top: 650px; | |
margin-left: -1220px; | |
} | |
.texts4{ | |
margin-top: 650px; | |
margin-left: 140px; | |
} | |
#f{ | |
font-size: 18px; | |
width: 370px; | |
color: rgb(44, 43, 43); | |
} | |
#s{ | |
font-size: 18px; | |
width: 360px; | |
color: rgb(51, 49, 49); | |
} | |
#t{ | |
font-size: 18px; | |
width: 410px; | |
color: rgb(22, 22, 22); | |
} | |