.headerContainer{width:100%;margin-bottom:30px;position:absolute!important;top:0;z-index:29}.sign-out-btn-cont{position:absolute!important;z-index:90000!important;top:60px;cursor:pointer}.sign-out-btn{color:#fff;background-color:#15c39a;border:1px solid #15C39A;cursor:pointer;padding:5px}.logo{justify-content:center;align-items:center;text-align:left;margin:0;background-color:#fff;color:#515151;font-size:25px;background-image:url(/assets/logo-BRoE6NTj.png);background-repeat:no-repeat;background-position:right;background-size:100px;height:100px;width:99%;border-bottom:2px solid #15C39A;margin-right:1%!important;position:absolute!important}ul{list-style-type:none;text-align:center;margin:0;width:100%}li{display:inline-block;margin:0 10px}a{color:#fff;text-decoration:none;padding:6px 8px}@media only screen and (max-width: 768px){.logo{font-size:15pt;width:80%;margin-right:20%}}ul,li,h1,h2,h3,h4,a{font-family:Open Sans,sans-serif}h2,h3{color:#1f1e1e;font-weight:100}h1{color:#15c39a;font-weight:200}.outsideNavcontainer{margin:0;padding:0;width:100%;position:absolute;z-index:100}header{text-align:left;width:100%;z-index:30;top:0;left:0;opacity:.95;margin:0}header h1{color:#15c39a;display:inline-box;width:25px;float:left;opacity:1;padding-left:20px}.navContainer{padding-top:20px;float:right;width:60%;opacity:1;margin-right:120px}.showMenu{display:block}.hideMenu{display:block;padding:0;margin:0}.hideSubMenu{display:none}nav{width:100%;margin-top:10px;display:block;height:40px;font-size:18px}div#navLinks{float:right}nav a{padding:0 15px;text-align:center;float:left;color:#233748;display:block;text-decoration:none;height:20px}nav div.divider{width:1px;border-right:1px solid white;float:left;height:40px}nav a span{display:block;padding-top:10px}nav a:last-child{border-right:none}.router-link-active{color:#15c39a;text-decoration:none!important}@keyframes navLink{0%{color:#fff}to{color:#101111}}nav a.mainNav:hover{animation-name:navLink;animation-duration:1s}nav a.mainNav{cursor:pointer}.router-link-active{text-decoration:underline}@media only screen and (max-width: 768px){.hideMenu{display:none}.showMenu{background-color:#fff}.navContainer{position:relative;padding:0;margin:0}.navContainer #navLinks{width:150px}.navContainer a{border-right:none;color:#161515;padding:14px 16px;text-decoration:none;font-size:17px;border-bottom:1px solid white;background-color:#fff;opacity:1;cursor:pointer}.mainNav{cursor:pointer}.navContainer a:last-child{border-bottom:none}.navContainer a.icon{display:block;position:absolute;right:0;top:0;background-image:url("data:image/svg+xml,%3csvg%20id='Layer_2'%20data-name='Layer%202'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2040.6'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:none;stroke:%23fff;stroke-miterlimit:10;stroke-width:9px;}%3c/style%3e%3c/defs%3e%3cline%20class='cls-1'%20y1='4.5'%20x2='60'%20y2='4.5'/%3e%3cline%20class='cls-1'%20y1='20.3'%20x2='60'%20y2='20.3'/%3e%3cline%20class='cls-1'%20y1='36.1'%20x2='60'%20y2='36.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-color:#00a2e8;margin-right:20px;margin-top:10px}.router-link-active{text-decoration:underline}header{padding:10px 5px}h1{padding-top:5px;font-size:24px;line-height:.5em!important}.dropdown-content{position:relative;margin-top:0;padding-top:40px;left:0}nav div.divider{width:0px;border-right:none}.dropdown:hover .dropbtn{border:none;color:#000}.dropdown-content{position:relative;margin-top:0;padding-top:40px;left:0;box-shadow:none;border-left:none;text-align:left}.dropdown-content a{width:90px;font-size:13px;padding-top:10px;padding-left:5px;margin-left:30px;border-bottom:1px solid white;color:#424141;border-right:none}.dropdown-content a.subNav{border-right:none;padding-bottom:5px}.dropdown-content a.subNavQuest{border-right:none;height:30px}}@media only screen and (max-width: 420px){.router-link-active{color:#00a2e8}.navContainer a.icon{right:20px;padding-top:10px;margin-right:10px}header h1{padding-top:5px;font-size:16px;width:30%}.navContainer{width:50%}nav div.divider{width:0px;border-right:none}.dropdown-content{position:relative;margin-top:0;padding-top:40px;left:0;box-shadow:none;border-left:none;text-align:left}.dropdown-content a{width:90px;font-size:13px;padding-top:10px;padding-left:5px;margin-left:30px;border-bottom:1px solid white;border-right:none}.dropdown:hover .dropbtn{height:20px;border-top:none;border-bottom:none}.dropdown-content a:first-child{border-right:none;padding-top:10px;border-top:none}.dropdown-content a:first-child{clear:both}nav a{text-align:left;height:28px}nav a:last-child{padding-bottom:0}nav{z-index:0;height:30px}a.mainNav{border-right:none}}.loginCont[data-v-904ee21c]{margin:40px auto;width:300px;padding-top:70px}.loginCont input[data-v-904ee21c]{margin:10px 0;width:250px;padding:15px}button[data-v-904ee21c]{margin-top:20px;width:60;cursor:pointer}p[data-v-904ee21c]{margin-top:40px;font-size:13px}p a[data-v-904ee21c]{text-decoration:underline;cursor:pointer;color:#15c39a}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;width:100%}.chose-photo{padding:10px;background-color:#15c39a;border-radius:15px;color:#fff;font-size:10pt;font-family:Arial,Helvetica,sans-serif}.grey-button{padding:10px;background-color:#515151;border-radius:15px;color:#fff!important;font-size:10pt;font-family:Arial,Helvetica,sans-serif}.save-button{padding:10px;background-color:#15c39a;border-radius:15px!important;border:1px solid #15C39A;color:#fff;font-size:10pt;font-family:Arial,Helvetica,sans-serif}.cancel-button{padding:10px;background-color:#515151;border-radius:15px;color:#fff!important;font-size:10pt;font-family:Arial,Helvetica,sans-serif;margin:5px}.delete-button{padding:10px;background-color:red;border-radius:15px;color:#fff!important;font-size:10pt;font-family:Arial,Helvetica,sans-serif;margin:5px}.done-button{padding:10px;background-color:#15c39a;border-radius:15px;color:#fff!important;font-size:10pt;font-family:Arial,Helvetica,sans-serif;margin:5px}.add-button{padding:10px;background-color:#fff;border-radius:15px;color:#15c39a!important;font-size:10pt;font-family:Arial,Helvetica,sans-serif;margin:5px;border:1px solid #15C39A}.new-button{padding:10px;background-color:#fff;border-radius:15px;color:#15c39a;font-size:10pt;border:1px solid #15C39A;font-family:Arial,Helvetica,sans-serif}.go-back-button{padding:10px;background-color:#fff;border-radius:15px;color:#15c39a;font-size:10pt;font-family:Arial,Helvetica,sans-serif;border:1px solid white}.home{margin:0 auto;width:420px;font-size:12px;padding-top:120px}.home .new-recipe-btn{color:#15c199;border:2px solid #15C199;border-radius:10px}#recipes{width:400px}#recipes .recipe{cursor:pointer}#recipes .recipe-name{font-size:12pt;padding-left:30px;padding-top:20px;font-weight:700}ul#recipes a{color:#15c199;display:block;font-size:16px}ul#recipes .recipe-id{color:#898d8c;padding-top:10px;padding-left:10px;display:block;font-size:10px}#recipes li{display:block;background-color:#f8f5f1;border:1px solid gray;text-align:left;padding:5pt;border-radius:25px;margin-bottom:20px;border:2px solid #c2c5be}ul#recipes .desc{font-size:10pt;width:300px;padding-left:30px;padding-bottom:30px;color:#000;min-height:30px;max-height:100px;overflow-y:scroll}ul#recipes .image{padding:10px 30px}.image img{width:300px;border-radius:5px}.clr{clear:both;height:10px}.openButton{border:none;color:gray;font-size:10pt;font-family:Comic Sans MS,sans-serif;background-color:#f8f5f1}@media only screen and (max-width: 768px){.container{width:100%}.home{margin:1%;width:98%}.banner img{padding-top:10%}ul#recipes{width:100%;padding:0}#recipes li{width:90%}.desc{width:80%}.image img{width:100%}}