#adoptShroom {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(150px, 1fr) );
    grid-template-rows: auto;
    grid-gap: 5px;
}

#adoptShroom div {
    border: 2px dotted var(--head-1);
    padding: 3px 8px;
}

form.adopt {
    border: 2px dotted var(--head-1);
    padding: 5px;
}

#preview {
    border: none;
    margin: 5px auto;
}

#adoptGuard {
    overflow: hidden;
    position: fixed;
    margin: auto;
    max-width: 200px;
    max-height: 250px;
    width: 190px;
    height: 240px;

    text-align: center;
    padding: 5px;

    box-shadow: 0px 0px 10px 5px #DCFFDD55 inset;
    -webkit-box-shadow: 0px 0px 10px 5px #DCFFDD55 inset;
    -moz-box-shadow: 0px 0px 10px 5px #DCFFDD55 inset;

    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 80% 20%;

    font-size: .8em;

    outline: 5px double var(--head-2);
    outline-offset: -5px;
}