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