* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
body {
    background-color: rgba(234, 117, 177, 0.16);
}
header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(234, 117, 177, 0.65);
    width: 100%;
    height: 200px;
}
h1 {
    font: bold 40px/80px Arial;
    margin: 0 150px;
}
p {
    font: 15px/30px Arial;
}
h3, h4, a {
    font: 15px Arial;
}
h5 {
    font-family: Arial;
}

.text {
    margin: 20px;
    padding: 10px;
    text-align: center;
}
.cub {
    position: absolute;
    z-index: -1;
    background-color: rgb(234, 117, 177, 0.65);
    width: 1200px;
    height: 800px;
    top: 50%;
    left: 10%;
}
.img {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    gap: 10px;
    justify-content: center;
}
.img img {
    width: 300px;
    height: auto;
}
button {
    width: 150px;
    height: 70px;
    border-radius: 15px;
    background-color: #ee9cc5;
    border: 2px solid rgba(246, 30, 138, 0.58);
}
button:hover {
    cursor: pointer;
    background-color: #ea4d9b;
}
.but {
    display: flex;
    justify-content: center;
    margin: 50px;
}
.but p {
    font: 18px Arial;
}
.img2 {
    display: grid;
    grid-template-columns: repeat(4, 350px);
    justify-content: space-between;
}
.img2 img {
    width: 350px;
}
footer {
    background-color: rgb(246, 121, 191);
    display: flex;
    color: rgb(241, 206, 218);
}
footer a {
    color: rgb(241, 206, 218);
    padding: 5px;
}
.social {
    display: grid;
    grid-template-columns: 500px 300px 300px;
    grid-template-rows: 250px 60px;
    gap: 20px;
    margin: 20px auto
}
.social1 img {
    width: 150px;
    float: left;
}
.social1 {
    text-align: justify;
    border-bottom: 2px solid rgba(255, 255, 255, 0.79);
}
.social2 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.79);
}
nav {
    display: flex;
    flex-direction: column;
}
.social3 {
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid rgba(255, 255, 255, 0.79);
}
.logos {
    width: 70px;
}
.logos1 {
    width: 20px;
    margin: 3px;
}
.social4 nav{
    display: flex;
    flex-direction: row;
    justify-content: left;
}

.social5 {
    display: flex;
    flex-direction: row;
    justify-content: right;
    grid-column: 2 / 4;
}