section_people

This commit is contained in:
2026-01-07 20:45:52 +03:00
parent 7719a118a6
commit 56d394b4b8
5 changed files with 275 additions and 19 deletions

119
style.css
View File

@@ -25,7 +25,8 @@
/* --------------------------------MAIN-------------------------------- */
body {
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") 100% 40% / cover;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") no-repeat 100% 100% fixed;
background-size: cover;
font-family: "MurreyC";
font-size: 16px;
font-weight: 400;
@@ -36,7 +37,7 @@ button {
background-color: #3a1f09;
padding: 0 15px;
border-radius: 33px;
transition: all .3s;
transition: all .1s;
color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px;
}
@@ -45,6 +46,9 @@ button:hover {
color: #b06029;
transform: scale(1.015);
}
img {
max-width: 100%;
}
/* -------------------------------HEADER------------------------------ */
.header {
@@ -88,7 +92,7 @@ button:hover {
margin: 0px 400px;
/* border: 10px solid rgb(184, 136, 48); */
/* border: 15px double rgb(184, 136, 48); */
height: 620px;
height: 640px;
box-shadow: #000000 2px 4px 10px 2px;
}
.heading_content {
@@ -113,33 +117,122 @@ button:hover {
border: 1px solid #42240c;
}
.heding_title {
font-size: 34px;
font-size: 42px;
font-weight: 900;
text-decoration: underline;
/* text-decoration: underline; */
}
.heading_info {
font-size: 30px;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
/* color: #eccfae; */
}
.heading_date {
font-size: 26px;
font-size: 32px;
font-weight: 700;
background-image: linear-gradient(to left, rgb(66, 36, 12), rgb(184, 136, 48));
border-top: 3px solid #000;
border-bottom: 3px solid #000;
/* background-image: linear-gradient(to left, rgb(66, 36, 12), rgb(184, 136, 48)); */
}
.heading_text {
font-size: 24px;
font-size: 26px;
padding: 0 20px;
font-weight: 700;
}
.btn_share {
margin-top: 10px;
font-size: 26px;
font-size: 30px;
}
.asise {
}
.time{
font-size: 130px;
padding-top: 15px;
font-size: 110px;
text-align: center;
}
background-image: linear-gradient(90deg,rgba(26, 21, 26, 1) 0%, rgba(101, 62, 39, 1) 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: #000 2px 2px 6px;
}
/* -----------------------------------PEOPLE-------------------------------------- */
.people {
width: 1400px;
margin: 0 auto;
padding-bottom: 40px;
}
h4 {
display: block;
border-top: 3px solid #000;
border-bottom: 3px solid #000 ;
font-size: 60px;
text-align: center;
font-weight: 900;
width: 30%;
margin: 0 auto;
line-height: 1.2;
margin-bottom: 40px;
}
.newlywed {
display: flex;
justify-content: space-between;
gap: 40px;
width: 100%;
margin-bottom: 40px;
}
.newlywed_item {
display: flex;
align-items: center;
background-color: rgba(245, 198, 124, 0.9);
padding: 20px;
box-shadow: #000000 2px 4px 10px 2px;
}
.img_newlywed {
width: 40%;
width: 240px;
height: 240px;
border-radius: 50%;
border: 1px solid #47312c;
}
.newlywed_text {
margin-left: 20px;
width: 60%;
}
.newlywed_title {
font-size: 34px;
font-weight: 700;
text-decoration:underline;
line-height: 1.5;
}
.newlywed_info {
font-size: 26px;
}
.guest_list {
width: 100%;
}
table {
table-layout: fixed;
background-color:#e5b97e;
border-collapse: collapse;
box-shadow: #000 2px 4px 10px 1px;
width: 100%;
border: 1px solid #000;
}
.table_title {
font-size: 35px;
font-weight: 900;
line-height: 2.2;
text-decoration: underline;
border: 3px solid #000;
}
.table_name {
font-size: 30px;
}
th, td {
border: 2px solid #000;
height: 50px;
font-size: 28px;
text-align: center;
}