.searchbar{position:fixed;width:100%;z-index:1;margin-top:2rem;justify-content:center;display:flex}input{border-color:#3e9eff;border-radius:1rem;font-size:200%;width:40%;min-width:19rem}.search{border-color:#3e9eff;border-radius:1rem;color:#3e9eff;font-size:2rem;height:100%;width:10%;min-width:9rem;font-family:Roboto mono}button:hover{transform:translate(3px) translateY(3px);color:#1633a5}@media only screen and (max-width: 500px){input{font-size:1.5rem;width:100%;border-radius:.5rem;min-width:10rem}.search{font-size:1.2rem;width:10%;min-width:5rem;border-radius:.5rem}}.thumbNail{width:80%;height:auto;margin-left:10%;border-radius:2rem;margin-bottom:6%}.tile{width:45%;height:fit-content;display:flex;min-width:280px;justify-content:center;box-sizing:content-box;-moz-box-sizing:content-box}.caption{font-family:libre franklin;font-size:2rem;color:#1633a5;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;padding:4%;max-width:80%;max-height:2rem;margin-left:5%}h3{font-family:libre franklin;font-size:1.71rem;color:#1633a5;text-overflow:ellipsis;overflow:hidden;width:100%;text-align:center;height:2rem;margin-bottom:10%}li{list-style:none;background-color:#f0f8ff;border-radius:2rem}.link{background-color:transparent;min-width:260px;max-width:800px;width:100%;transform:.25s;text-decoration:none;border:3px solid rgb(62,158,255);box-shadow:10px 5px 5px #c0c4f1;border-radius:2rem;margin:2rem;box-sizing:border-box;-moz-box-sizing:border-box}.link:hover{transform:translate(5px) translateY(5px);box-shadow:5px 2px 2px #c0c4f1}.home{width:100%;justify-content:space-around;padding-top:5rem;display:flex;flex-wrap:wrap;height:fit-content}@media only screen and (max-width: 555px){.caption{font-size:1.5rem}.tile{min-width:80%}}.loader{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#3e9eff 90%,#0000) 0/calc(100%/3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite;margin-left:20%;margin-top:10%}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.loadingScreen{display:inline-flex;justify-content:center;width:100%;padding-top:20%}.loadingScreen h1{color:#3e9eff;font-size:2rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.detailPage{width:100%;padding-top:7rem;display:flex;justify-content:center}.detailCard{width:60%;border:3px solid rgb(62,158,255);border-radius:2rem;padding:2rem;box-shadow:10px 5px 5px #c0c4f1;margin-bottom:15%;display:flex;flex-direction:column;align-items:center}.detailThumb{width:90%;border-radius:2rem}.title{width:100%;font-size:2rem;margin:0;padding:2%;text-align:center;color:#1633a5;font-family:libre franklin}.ingreds{font-family:Roboto mono;margin-top:2%;width:100%;text-align:center;background-color:#c7eefa;padding-bottom:2%;padding-top:1%;border-radius:1rem;display:flex;flex-direction:column;justify-content:center}.method{font-family:Roboto mono;margin-top:2%;width:100%;text-align:center;background-color:#c7eefa;border-radius:1rem;padding-bottom:1%;padding-top:1%}.method p{font-size:1rem;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.table{border-collapse:separate;border-spacing:.5rem .2rem;width:100%;font-size:.8rem;display:flex;justify-content:center}table{display:flex;justify-content:center;width:100%}tbody{justify-content:center}table tr{display:table-cell;background-color:#c2c7f0;width:12rem;border-radius:.5rem}table tr td{padding-bottom:1%;padding-left:2%;padding-right:2%;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td:empty{visibility:hidden}td:nth-child(odd){background-color:#f0f8ff}@media only screen and (max-width: 670px){table tr{width:9rem}}@media only screen and (max-width: 550px){.table{font-size:.7rem}.method p{font-size:.8rem}table tr{width:7rem}}@media only screen and (min-width: 1000px){.table{font-size:1.2rem}tr{width:14rem}}.header{width:100%;background-color:#3e9eff;height:6rem;box-shadow:10px 5px 5px #c0c4f1;margin-top:-5rem;position:fixed;z-index:2;display:flex}.header h1{font-size:3.6rem;font-family:Dancing Script;color:#f0f8ff;padding:1rem;display:inline-block;position:absolute;text-align:center;width:100%}.back{float:left;margin-left:2rem;margin-top:2rem;z-index:1;background-color:#f0f8ff;box-shadow:none;border:none;position:relative;font-family:Roboto mono;font-size:1.2rem;max-height:2rem;color:#3e9eff;border-radius:1rem}.back:hover{font-size:1.3rem}@media only screen and (max-width: 550px){.header h1{font-size:2.5rem;margin-top:.75rem}.back{margin-left:1rem;font-size:.8rem;border-radius:.5rem;height:1.5rem;margin-top:2.3rem}}@media only screen and (max-width: 450px){.header h1{font-size:2.1rem;margin-top:.75rem}.back{font-size:.8rem;margin-left:.5rem;margin-top:2.3rem;border-radius:.5rem;height:1.5rem}.back:hover{font-size:.9rem}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{scroll-behavior:smooth;line-height:1;margin-top:5rem;background-color:#f2f2f2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}