@import url("https://fonts.googleapis.com/css2?family=family=Amatic+SC&display=swap");
 :root {
 --primary-color: #1B98E0;
 --secondary-color: #59c3c3;
 --text-dark: #333;
 --text-light: #ebebeb;
 --primary-font: Arial, Helvetica,sans-serif;
 --secondary-font: "Amatic SC";
 }


* {
    font-family: Arial, Helvetica, sans-serif;
}
img {
    max-width: 100%;
}

.logo {
    width: 100px;
    height: 100px;
}

.search-container {
    /* width: 100%; */
    height: 40px;
    border: 1px solid #333;
    /* flex-wrap: wrap; */
    display: flex;
}

#search {
    width: 100%;
}

#search-button {
    width: 30px;
    /* height: 10px; */
}

.social img {
    height: 100px;
    width: 100px;
}

.recipe_tags {
    border: solid 2px;
    list-style-type: none;
    width: 70px;
    height: 20px;
    text-align: center;
    padding: 5px;

}


figure {
    border: solid 5px;
}

.apple-crisp {
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 600px) {
}

/* #4 */
/* show descriptions on larger screens*/
/* possibly use flexbox in column orientation*/