body{

margin:0;

background:#f5f5f7;

font-family:
-apple-system,
BlinkMacSystemFont,
Arial;

}


.box{

max-width:500px;

margin:30px auto;

background:white;

padding:30px;

border-radius:30px;

box-shadow:
0 20px 60px #ddd;

}



h1{

text-align:center;

}



input,
textarea{


width:100%;

padding:14px;

margin:8px 0;

border-radius:15px;

border:1px solid #ddd;

font-size:16px;

}



textarea{

height:100px;

}



button{


width:100%;

padding:15px;

margin:10px 0;

border:0;

border-radius:20px;

background:#0071e3;

color:white;

font-size:16px;

}



.card{


border-bottom:1px solid #ddd;

padding:15px 0;

}



.card img{

width:100%;

border-radius:15px;

}



.delete{

background:#ff3b30;

}


.edit{

background:#34c759;

}