2022-10-16 14:04:06 +10:00
|
|
|
body {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background-color: beige;
|
|
|
|
|
}
|
2022-10-16 14:27:35 +10:00
|
|
|
a:hover {
|
|
|
|
|
color:rgb(221, 72, 18);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main_link {
|
|
|
|
|
font-size: 28px;
|
|
|
|
|
line-height: 32px;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
font-weight: 650;
|
|
|
|
|
color: rgb(255, 102, 0);
|
|
|
|
|
}
|
2022-10-13 21:31:03 +10:00
|
|
|
.hello {
|
2022-10-16 14:04:06 +10:00
|
|
|
border-radius: 4px;
|
2022-10-13 21:31:03 +10:00
|
|
|
width: 700px;
|
|
|
|
|
background-color: orange;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
padding-top: 50px;
|
|
|
|
|
padding-bottom: 50px;
|
|
|
|
|
}
|
|
|
|
|
.hellotext {color: white;
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-size: 30px;
|
|
|
|
|
font-weight: 800;
|
|
|
|
|
text-transform: uppercase;}
|
|
|
|
|
.message {
|
2022-10-18 01:07:50 +10:00
|
|
|
margin-top: 10px;
|
2022-10-13 21:31:03 +10:00
|
|
|
border-radius: 8px;
|
|
|
|
|
background-color: bisque;
|
|
|
|
|
width: 700px;
|
|
|
|
|
min-height: 50px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
2022-10-18 01:07:50 +10:00
|
|
|
display: flex;
|
|
|
|
|
min-height: 200px;
|
2022-10-13 21:31:03 +10:00
|
|
|
}
|
2022-10-18 01:07:50 +10:00
|
|
|
.message_img {width: 200px;
|
|
|
|
|
background-image: url(../img/16660159673780.jpg);
|
|
|
|
|
background-size:cover;
|
|
|
|
|
}
|
|
|
|
|
.message_img:hover {
|
|
|
|
|
background-image: url(../img/16660159673781.jpg);
|
|
|
|
|
}
|
|
|
|
|
|
2022-10-13 21:31:03 +10:00
|
|
|
.messagecontent {
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
padding-top: 10px;
|
|
|
|
|
}
|
2022-10-13 22:32:05 +10:00
|
|
|
.textplace {width: 550px;
|
|
|
|
|
border-radius: 10px 0px 0px 10px;}
|
2022-10-13 21:31:03 +10:00
|
|
|
.messagewraper {width: 700px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
margin-top: 10px;
|
2022-10-13 22:32:05 +10:00
|
|
|
display: flex;
|
2022-10-18 20:02:10 +10:00
|
|
|
margin-bottom: 10px;
|
2022-10-13 22:32:05 +10:00
|
|
|
|
|
|
|
|
}
|
2022-10-13 21:31:03 +10:00
|
|
|
.button {width: 150px;
|
|
|
|
|
display: block;
|
|
|
|
|
background-color: rgb(255, 84, 22);
|
2022-10-13 22:32:05 +10:00
|
|
|
cursor: pointer;
|
|
|
|
|
border-radius: 0px 10px 10px 0px;}
|
2022-10-13 21:31:03 +10:00
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
|
color: brown;
|
|
|
|
|
font-size: 72px;
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
font-style: italic;
|
|
|
|
|
}
|
|
|
|
|
.button:hover {
|
|
|
|
|
background-color: blue;
|
2022-10-14 00:25:42 +10:00
|
|
|
}
|
|
|
|
|
.main-wrapper {
|
2022-10-16 14:04:06 +10:00
|
|
|
width: 720px;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
padding-right: 10px;
|
2022-10-14 00:25:42 +10:00
|
|
|
background-color: #afacac;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
2022-10-18 20:02:10 +10:00
|
|
|
padding-bottom: 20px;
|
2022-10-15 15:02:35 +10:00
|
|
|
}
|
|
|
|
|
.ugly {
|
|
|
|
|
display: block;
|
|
|
|
|
width: 500px;
|
|
|
|
|
padding-top: 30px;
|
|
|
|
|
padding-bottom: 30px;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
background-color: chartreuse;
|
|
|
|
|
}
|
|
|
|
|
.ugly:hover {
|
|
|
|
|
background-color: darkgoldenrod;
|
2022-10-16 14:04:06 +10:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.catalog {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
padding-left: 10px;
|
|
|
|
|
padding-right: 10px;
|
|
|
|
|
margin-top: 15px;
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
list-style: none;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
.section {
|
|
|
|
|
width: 200px;
|
|
|
|
|
background-color: #cac9c9;
|
|
|
|
|
padding: 10px;
|
|
|
|
|
}
|
|
|
|
|
.link {text-decoration: none;
|
|
|
|
|
color: rgb(255, 102, 0);
|
|
|
|
|
font-size: 18px;
|
|
|
|
|
line-height: 20px;
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
2022-10-18 20:02:10 +10:00
|
|
|
.posts {
|
|
|
|
|
width: 500px;
|
|
|
|
|
padding-top: 20px;
|
|
|
|
|
padding-bottom: 20px;
|
|
|
|
|
background-color: hotpink;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
