@media(min-width:500px){form.sign-in{width:320px;margin:50px;margin-left:calc(50% - 160px)}}@media(max-width:499px){form.sign-in{margin:50px 0;width:100%}}form.sign-in{display:block;border:1px solid black;text-align:center;padding:10px;background-color:#add8e6}form.sign-in label{display:flex;position:relative;width:100%;text-align:left}form.sign-in label span{width:150px}form.sign-in input[type=text],form.sign-in input[type=password]{padding:5px}form.sign-in input[type=submit]{padding:10px}div.sign-in{position:absolute;inset:0}div.signed-in-title-style{flex-grow:1}div.signed-in-top-bar{background-color:#add8e6;padding:10px;margin:0;display:flex}div.sign-in{background-image:url(./cute-cow.jpg);background-repeat:no-repeat;background-size:cover}div.sign-in-extra{background-color:#fff;margin-top:40px;padding:20px;text-align:left}button{padding:5px 20px}textarea,input{font-size:large}div.recipe-container{border:solid 3px black;box-shadow:#333 6px 6px;max-width:900px}@media(min-width:600px){div.recipe-container{margin:0 20px}}div.recipe-container h1{text-align:center}div.recipe-source-container{text-align:right;font-size:small;margin:0 10px}div.recipe-image-container{width:calc(100% - 20px);margin:0 10px;text-align:center}div.recipe-image-container img{max-height:300px;max-width:100%}@media(min-width:450px){div.display-recipe-inner{display:flex}div.display-recipe-inner>div{box-shadow:#aaa 2px 2px;margin:10px!important}}div.display-recipe-inner>div{padding:10px;border:solid 2px black;margin:5px}div.display-recipe-inner ul{list-style:none;padding:0}div.display-recipe-inner li{margin-bottom:7px;background-color:#ffe}div.recipe-instructions{flex-grow:1}div.recipe-instructions ol{list-style-type:none;counter-reset:recipe-instructions-counter;padding-left:0;margin-left:0}div.recipe-instructions ol li{counter-increment:recipe-instructions-counter;position:relative;padding-left:2.5em;margin-bottom:.5em;padding-top:.1em;padding-bottom:.5em}div.recipe-instructions ol li:before{content:counter(recipe-instructions-counter);position:absolute;left:0;top:0;background-color:orange;padding:.2em .5em;border-radius:50%;text-align:center;vertical-align:middle;min-width:1em;font-weight:700}ul.recipe-ingredients li{display:flex}ul.recipe-ingredients li span.recipe-ingredient-name{flex-grow:1;margin-right:1em}div.recipe-servings{background-color:#fdf;display:flex}div.recipe-servings span{flex-grow:1}div.edit-recipe{width:50%;padding:20px}textarea{width:100%;height:400px;margin:20px 0}