a{
text-decoration: inherit;
color: inherit;
}

hr{
 margin-top:-1px;
}

@font-face{
  font-family:'headers';
  src: url('https://erins-table-s3-bucket.s3.us-east-2.amazonaws.com/fonts/DancingScript-Regular.woff');
}

.details{
 font-family:courier;
 padding-bottom:25px;
 font-size:100%;
}

.details-mobile{
 font-family:courier;
 padding-bottom:25px;
 font-size:160%;
}

.notes{
 font-family:courier;
 font-size:100%;
 text-decoration:underline;
}

.header{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:175%;
}

.header-first{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:175%;
 margin-top:30px;
}

.header-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:500%;
}

.header-first-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:500%;
}

.second{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:175%;
 display: inline-block;
 padding:10px;
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid black;
 cursor:hand;
 border-top-right-radius: .5em;
 border-top-left-radius: .5em;
}

.second-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:450%;
 display: inline-block;
 padding:10px;
 border-top: 1px solid black;
 border-left: 1px solid black;
 border-right: 1px solid black;
 cursor:hand;
 border-top-right-radius: .5em;
 border-top-left-radius: .5em;
}

.search-bar{
 font-family:courier;
}

.search-bar-mobile{
 font-family:courier;
 font-size:small;
 display:inline-block;
 width:225px;
}

.outline{
 border: 2px solid black;
 border-bottom: 1px solid black;
 border-top-right-radius: .5em;
}

.recipes{
 font-family:courier;
 font-size:100%;
 padding-left:10px;
 display:block;
 margin-bottom:-15px;
}

.recipes-mobile{
 font-family:courier;
 font-size:250%;
 padding-left:10px;
 display:block;
 margin-bottom:-15px;
}

.rheader{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:200%;
 float:left;
}

.rheader-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:500%;
 float:left;
}

.rdetails{
 font-family:courier;
 font-size:125%;
 padding-left:10px;
 padding-top:10px;
 text-decoration:underline;
}

.rdetails-mobile{
 font-family:courier;
 font-size:200%;
 padding-left:10px;
 float:left;
 padding-top:35px;
 text-decoration:underline;
}

div.links {
display: inline-block;
padding:10px;
border: 1px solid white;
background-color: black;
color: white;
cursor:hand;
font-family:'headers',courier;
font-size:175%;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
}

div.links-mobile {
display: inline-block;
padding:10px;
border: 1px solid white;
background-color: black;
color: white;
cursor:hand;
font-family:'headers',courier;
font-size:300%;
border-top-right-radius: .5em;
border-top-left-radius: .5em;
}

div.tab{
 margin-top:-1px;
 border:2px solid black;
 border-top:1px solid black;
 border-bottom-right-radius: .5em;
 border-bottom-left-radius: .5em;
}


div.recipe-card{
 margin-top:-1px;
 border:2px solid black;
 border-top-right-radius: .5em;
 border-top-left-radius: .5em;
 border-bottom-right-radius: .5em;
 border-bottom-left-radius: .5em;
 padding:10px;
}

.serving-size{
 font-family:courier;
 font-size:100%;
 margin-top:30px;
 padding: 90px 75px 100px 100px;
 background-image: url("https://erins-table-s3-bucket.s3.us-east-2.amazonaws.com/images/knife-and-fork.gif");
 background-size: 325px 252px;
 background-repeat: no-repeat;
 vertical-align: middle;
 min-width:110px;
 max-width:110px;
 min-height:30px;
 text-align:center;
 position:fixed;
 right:0px;
 top:0px;
}

.serving-size-mobile{
 font-family:courier;
 font-size:160%;
 padding-top:100px;
 padding-bottom:5px;
}


div.footer-buttons-mobile{
  width:100%;
}

.edit-button{
 font-family:courier;
 font-size:123%;
 margin-right:5px;
}

.edit-button-mobile{
 font-family:courier;
 font-size:350%;
 width:100%;
 margin-bottom:25px;
}

a.back-button{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:125%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
 margin-right:8px;
}

a.back-button-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:450%;
 border:1px solid black;
 padding: 25px 0px 25px 10px;
 display:block;
 margin-bottom: 25px;
}

a.reset-mobile{
 top:0;
 right:0;
 background-color:#d3d3d3;
 position:fixed;
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:300%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
}

a.shopping-back-mobile{
 bottom:0;
 right:0;
 background-color:#d3d3d3;
 position:fixed;
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:300%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
}

span.tag-button{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:125%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
 cursor:hand;
}

span.tag-button-mobile{
 font-family:'headers',courier;
 color:#7BBF6A;
 font-size:450%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
 display:block;
}

span.tag-button-active{
 font-family:'headers',courier;
 color:white;
 font-size:125%;
 border:1px solid black;
 padding: 0px 10px 4px 10px;
 background-color:#7BBF6A;
 cursor:hand;
 visibility:hidden;
}

span.tag-button-active-mobile{
 font-family:'headers',courier;
 color:WHITE;
 font-size:450%;
 border:1px solid #7BBF6A;
 padding: 0px 10px 4px 10px;
 background-color:#7BBF6A;
 visibility:hidden;
 display:block;
}

div.links:hover {
    color: #7BBF6A;
}

span.name{
 font-family:courier;
 color:black;
 font-size:75%;
}

span.name-mobile{
 font-family:courier;
 color:black;
 font-size:50%;
}

div.hello{
 position:absolute;
 top:5px;
 right:5px;
 font-family:courier;
 font-size:small;
}

a.logout{
 color:#7BBF6A;
 text-decoration:underline;
}