html,body{margin:0;padding:0}body,input{color:#000;background-color:#fff;font-family:sans-serif}.cookbook-logo{color:#fff;width:4rem}header{justify-content:space-between;height:4rem;padding:.75rem;display:flex}main{max-width:768px;margin:0 auto;padding:.75rem}nav{margin:1.5rem 0}.nav-link{color:#00304e;margin-left:1rem;font-weight:700;text-decoration:none}.notecard{color:#000;background-color:#ffffe0;border:1px solid #a9a9a9;margin:0;padding:0}.notecard-row{background-color:#0000;margin:0;padding:0}.notecard-text{color:#000;background-color:#0000;border:#0000;outline:#0000;width:100%;margin:0;padding:.5rem}.notecard-row-title{border-bottom:2px solid red}.notecard-text-title{font-size:2rem;font-weight:700}.notecard-row-border{border-bottom:1px solid #a9a9a9}.notecard-text-font{font-size:1rem}.notecard-row-edit{grid-template-columns:1fr 2rem 2rem 2rem;padding:0;display:grid}.notecard-row-edit button{box-shadow:none;background-color:#0000;border:none;margin:0;padding:0}.search-area{background-color:#fff;border-radius:.5rem;margin:0 0 .75rem;box-shadow:0 0 3px #000}.search-area button{background-color:#fff;border:0;border-radius:.5rem;width:3.5rem;height:3.5rem;margin:0;padding:0}.search-area img{width:3.5rem}.search-bar{grid-template-columns:3.5rem 1fr;display:grid}.search-box{border:none;border-radius:.5rem;height:2.5rem;margin:0;padding:.5rem 0;font-size:1.1rem;font-weight:700}.search-box:focus{outline:none}.filter-area{padding:0 1rem 1rem}.filters{grid-column:1/3;grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.filters{grid-template-columns:repeat(1,1fr)}}.filter{margin:0;padding:0}.cards{grid-gap:.75rem;grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.cards{grid-template-columns:repeat(1,1fr)}}.card-link{text-decoration:none}.card{color:#000;text-align:center;background-color:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 0 3px #000}