header .ul li {
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    padding: 14px 16px;
    text-decoration: none;
    overflow: hidden;
    align-self: auto;
}
main {
    padding-top: 40px;
}

header .ul {
    display: grid;
    grid-template-columns: 0 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
}
header .ul li:first-child {
    grid-column: 2/3;
    grid-row: 1/2;
}
header .ul li:nth-child(2) {
    grid-column: 2/3;
    grid-row: 2/3;
}
header .ul li:nth-child(3) {
    grid-column: 2/3;
    grid-row: 3/4;
}
header .ul li:nth-child(4) {
    grid-column: 3/4;
    grid-row: 1/2;
    border-radius: 50px;
}
header .ul li:nth-child(4):hover {
    grid-column: 3/4;
    grid-row: 1/4;
    border-radius: 0px;
}
header .dpdlst, .dpls {
    display: none;
}
header img {
    float: left;
    width: 150px;
    height: 150px;
    border: 10px outset #ff6eff;
    border-radius: 10px;
}

h1 {
    text-align: center;
}
html body header .ul li:nth-child(4):hover .dpdlst, li:nth-child(4):hover .dpls {
    display: block;
}
header li {
    list-style-type: none;
    margin: 0;
    padding: 14px 16px;
    text-decoration: none;
    overflow: hidden;
    background-color: #ff6eff;
    border: 2px solid #ff6eff;
    border-radius: 100px;
}
header li:hover {
    background-color: #ff00ee30;
}
main {
    padding-top: 40px;
}

body {
    background-color: #ffacee;
}
footer {
    text-align: center;
}
@media screen and (max-width: 650px) {
  header {
    font-size: 15px;
  }
  html header img {
    width: 75px;
    height: 75px;
  }
    main img {
        width: 500px;
    }
}
@media screen and (max-width: 510px) {
    header {
        font-size: 7.5px;
    }
    html header img {
        width: 50px;
        height: 50px;
    }
    .ul li {
        padding: 8px 7px;
    }
    main img {
        width: 400px;
    }
}
header a {
    color: #780070;
}

header a:hover {
    background-color: #ff00ee10;
}

hr.ns {
    width: 100%;
    border: 2px ridge #780070;
}

header, main, footer {
    background-color: #ff7eff;
    grid-column: 2 / 3;
    padding: 20px;
    border: 15px outset #ff7eff;
    border-radius: 100px;
    margin: auto;
    color: #780070;
}