.wrap p {
    font-size: 1.7em;
    margin: 0em 0;
}

.wrap h2 {
    font-size: 2.5em !important;
    font-weight: 700 !important;
}

.wrap label {
    font-size: 1.5em !important;
}

input:not([type=submit]):not([type=reset]):not([type=radio]):not([type=checkbox]),textarea,select {
    font-size: 1.2em !important;
    font-weight: lighter !important;
}

.grid-container {
    display: grid;
    padding: 20px;
    grid-template-columns: 1fr;
    gap: 10px 10px;
    grid-template-areas:
        "Asset-Name"
        "Source-URL"
        "Put-In-Footer"
        "Submit";
}

.grid-container input[name=name],
.grid-container input[name=url] {
    width: -webkit-fill-available;
}

.grid-container .Asset-Name,
.grid-container .Source-URL,
.grid-container .Put-In-Footer,
.grid-container .Submit {
    padding: 10px;
}

.Asset-Name { grid-area: Asset-Name; }
.Source-URL { grid-area: Source-URL; }
.Put-In-Footer { grid-area: Put-In-Footer; }
.Submit { grid-area: Submit; }


/* Saved Assets */

.grid-container-saved-assets {
    display: grid;
    font-size: 1.375rem;
    padding: 20px;
    gap: 10px 10px;
    grid-template-areas:
    "Col-1 Col-2 Col-3 Col-4"
    "Data-Col-1 Data-Col-2 Data-Col-3 Data-Col-4";
}

.grid-container-saved-assets h5 {
    font-size: 1.3em !important;
    font-weight: 700 !important;
}

.Col-1 { grid-area: Col-1; }
.Col-2 { grid-area: Col-2; }
.Col-3 { grid-area: Col-3; }
.Col-4 { grid-area: Col-4; }

.Data-Col-1 { grid-area: Data-Col-1; }
.Data-Col-2 { grid-area: Data-Col-2; }
.Data-Col-3 { grid-area: Data-Col-3; }
.Data-Col-4 { grid-area: Data-Col-4; }

.item-edit:hover, .item-delete:hover {
    color: black;
    text-decoration: none;
}

.popup-window {
    position: absolute;
    top: 45%;
    left: 20%;
    padding: 35px;
    font-size: 1.375rem;
    background-color: darkgray;
    color: white;
}

.popup-btn-blue {
    width: -webkit-fill-available;
}

#close-edit {
    text-decoration: none;
    color: white;
}

#icon-btn {
    position: relative;
    bottom: 2px;
}