#footer {
    position: absolute;
    margin-top: 2em;
    /* bottom: 0; */
}

#top {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    /* gap: 3.5em; */
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    margin-bottom: -2em;

}

#top>div>p {
    font-size: 14px;
    color: gray;
    font-weight: bold;
    text-align: left;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#top>div {
    /* border: 1px solid black; */
    margin-top: 1em;
    margin-bottom: 2em;
    margin-left: 2px;
    width: auto;
    /* border: 1px solid black; */
}

#top>div>h5 {
    letter-spacing: 3px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.icon-img>img {
    width: 20%;

}

.icon-img>img:nth-child(2) {

    margin-left: 1em;
}

.icon-img>img:nth-child(3) {

    margin-left: 1em;
}

#new-email>div {
    /* border: 1px solid black; */
    width: 70%;

}

#new-email>div>input {
    height: 2em;
    border: 0px;
    border-bottom: 1px solid black;
}

#new-email>div>button {
    width: 13em;
    margin-top: 1px;
    height: 2em;
    background-color: white;
    border: 0.5px solid black;
}

#new-email>div>button:hover {
    background-color: black;
    color: white;
}

.select {
    display: flex;
    gap: 50px;

}

.select>p {
    font-weight: bold;
    margin-left: -50px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#bottom {
    display: flex;
    margin-top: 2em;

}

#bottom>img {
    width: 2%;
    margin-left: 10px;
}

#bottom>p {
    margin-left: 0.8em;
    /* border: 1px solid black; */
    /* width: 11em; */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#bottom>:nth-child(3) {
    margin-left: 60%;

}

.inppp {
    margin-left: -0.01em;
}

/* #click{
    background-image: linear-gradient(135deg, #8BB0C2 0%, #FFF 100%);
  border-color: #85A9BB #92C2DA #92C2DA #85A9BB;
    
} */

@media all and (min-width:481px) and (max-width: 768px) {
    #top {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        /* gap: 3.5em; */
        border-top: 2px solid black;
        border-bottom: 2px solid black;
    
    }
}

@media all and (min-width:320px) and (max-width:480px) {
    #top {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        /* gap: 3.5em; */
        border-top: 2px solid black;
        border-bottom: 2px solid black;
    
    }
}