/* .first {
    background-color: cornflowerblue;
}
.second {
    margin:30px;
    background-color: cornflowerblue;
    border:2px solid lightgreen;
    padding: 5px;
} */

header{
    color: pink;
}
.main-header {
    background-image: linear-gradient(red,black);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 48px;
    color: aqua;
 }
.header-info {
    text-align: left;
    color: blueviolet;
    position: absolute;
    left: 0;
    padding: 0;
    margin: 14px 14px 0 14px;
 }
.header-info a:hover {
    background-color: transparent;
 }
 nav {
    position: 0;
    right: 0;
    display: flex;
 }
 a{
    text-decoration: none;
    color: black;
    padding: 15px;
    float: left;
 }
 a :hover {
    background-color: burlywood;
 }
 .title {
    font-style:italic;
    color: rgb(red, green, blue);
 }
 h1, h2, h3, p {
    text-align: center;
    color: rgb(red, green, blue);
 }
 .items {
    display: flex;
    justify-content: center;
 }
 .item {
    display: flex;
    flex-direction: column;
    padding: 5px;
    background-color: bisque;
 }
 .potrait {
    max-width: 100%;
    max-height: 350px;
 }
 img {
    border: 20px solid rgb red;
    box-shadow:5px 5px;
 }
 img {
    border-radius: 8px;
 }
 body{
    background-image:url("https://img.freepik.com/free-photo/nobody-exterior-wall-page-empty_1258-257.jpg?semt=ais_hybrid&w=740&q=80")
 }
 .item {
    margin: 10px;
    background-color: gainsboro;
 }
 table, tr, th, td {
    border: 2px groove blue;
    border-collapse: collapse;
    color: aliceblue;
}
.container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}
.tab {
   background-color: gainsboro;
   width: 300px;
   padding: 40px;
   margin: 20px;
   border-radius: 20px;
}
h1.name {
   font-size: 30px;
   letter-spacing: 2px;
   margin-bottom: 20px;
   color: black;
}
h2.price {
   font-size: 38px;
   color: black;
}
.list {
   list-style-type: disc;
   margin-bottom: 50px;
   text-align: left;
}
.list li {
   margin-top: 20px;
   color: black;
}

hr {
   height: 7px;
   width: 80%;
   margin: auto;
   background-color: rgb(red, green, blue);
   border: none;
   border-radius: 50px;
   margin-top: 20px;
}
button {
   background-color: rgb(red, green, blue);
   border-radius: 8px;
   color: white;
   padding: 8px;
   border: none;
   font: 20pt;
}
button:hover {
   transform: scale(1.2, 1.2);
   background-color: rgb(red, green, blue);
   cursor: pointer;
}
img {
   width: 150px;
   height: 150px;
   object-fit: cover;
}
.fa-brands fa-instagram,.fa-solid fa-address-book,.fa-solid fa-phone.fa fa-map-marked-alt {
   margin: 5px;
}