.edit-input,.edit-update{display:grid;grid-template-columns:1fr;background:#00008b;color:var(--white);border-radius:5px;margin:5% 5% 5% 5%;padding:10px;height:auto;grid-template-areas:"edit-1" "edit-2" "edit-3" "edit-4" "edit-5" "edit-6" "edit-7" "edit-8" "edit-9" "edit-10" "edit-11" "edit-12" "edit-12" "edit-13" "edit-14" "edit-15" "edit-16" "edit-17" "edit-18" "edit-19" "edit-20" "edit-submit"}
.edit-1{grid-area:edit-1}
.edit-2{grid-area:edit-2}
.edit-3{grid-area:edit-3}
.edit-4{grid-area:edit-4}
.edit-5{grid-area:edit-5}
.edit-6{grid-area:edit-6}
.edit-7{grid-area:edit-7}
.edit-8{grid-area:edit-8}
.edit-9{grid-area:edit-9}
.edit-10{grid-area:edit-10}
.edit-11{grid-area:edit-11}
.edit-12{grid-area:edit-12}
.edit-13{grid-area:edit-13}
.edit-14{grid-area:edit-14}
.edit-15{grid-area:edit-15}
.edit-16{grid-area:edit-16}
.edit-17{grid-area:edit-17}
.edit-18{grid-area:edit-18}
.edit-19{grid-area:edit-19}
.edit-20{grid-area:edit-20}
.edit-input div,.edit-update div{display:flex;flex-direction:column;padding:.5em;border-radius:.8 em}
.edit-update div{background-color:rgba(0,0,0,.2);margin:.2em}
.edit-submit{grid-area:edit-submit;margin-top:2em}
.edit-update .edit-submit{grid-area:edit-submit;margin:1em 3em;border-radius:99em;background-image:linear-gradient(to bottom,#f082be,#c1307d 35%,#c84696)}
.edit-input label{padding:3px;margin-left:10%}
.edit-input input{font-size:0.8em;padding:10px;margin:10px;place-self:center}
.edit-update input{font-size:0.8em;padding:.3em;margin:.3em;width:95%;border-radius:.5em; caret-color: #c1307d;}
.edit-update input[type=checkbox]{margin:1.em;align-self:center;aspect-ratio:1/1;height:1em;width:1em}
.edit-update label{padding:.5em .1em;margin:.2em;font-size:1.2em;font-weight:800}
.edit-update textarea{min-height:9em;border-radius:1em;padding: 0.3em;font-size:0.8em;}
.edit-update textarea::placeholder{text-align:center;padding:1em;font-size:1em;}
@media (width>42em){
.edit-input{grid-template-columns:repeat(3,1fr);gap:10px;color:var(--white);padding:5px;height:auto;grid-template-areas:"edit-1 edit-2 edit-3" "edit-4 edit-5 edit-6" "edit-7 edit-8 edit-9" "edit-10 edit-11 edit-12""edit-13 edit-14 edit-15" "edit-16 edit-17 edit-18" "edit-19 edit-20 edit-21" "edit-submit edit-submit edit-submit"}
.edit-update{grid-template-columns:repeat(2,1fr);gap:10px;color:var(--white);padding:5px;height:auto;grid-template-areas:"edit-1 edit-2" "edit-3 edit-4" "edit-5 edit-6" "edit-submit edit-submit"}
}
@media (width>60em){
.edit-input{grid-template-columns:repeat(4,1fr);grid-template-areas:"edit-1 edit-2 edit-3 edit-4" "edit-5 edit-6 edit-7 edit-8""edit-9 edit-10 edit-11 edit-12""edit-13 edit-14 edit-15 edit-16""edit-17 edit-18 edit-19 edit-20" "edit-submit edit-submit edit-submit edit-submit"}
}