.fade-enter,.fade-leave-to{opacity:0;-webkit-transform:translateX(2em);transform:translateX(2em)}.fade-enter-active,.fade-leave-active{-webkit-transition:all .3s ease;transition:all .3s ease}nav{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:100}nav .logo{max-width:50px;height:auto;margin:6px 0 0 12px}nav .userName{color:#fff;padding-left:20px}nav .logout{cursor:pointer}@media only screen and (min-device-width:769px){.desktop{display:inline-block}.mobile{display:none}}@media only screen and (max-device-width:768px){.desktop{display:none}.mobile{display:inline-block}.material-icons{font-size:22px}nav li a{padding:4px}}.login-container{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-container .login{width:500px;padding:2em;text-align:center}.login-container .center{text-align:center}.login-container .login h1,label{color:#fff}.opacity-1{opacity:.7}.login-container .login .feedback{color:#fff}.recipes-container{width:100%;text-align:center;margin-top:120px}.recipes-container h1{text-align:center}.recipes-container .flame-on{background:-webkit-linear-gradient(#ef6c00,#e70c23);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.create-container{width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.create-container .create{max-width:800px;padding:2em;text-align:center}.create-container .center{text-align:center}.create-container .create h1,label{color:#fff}.opacity-1{background:#051e34;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity:.8}.create-container .create .feedback{color:#fff}.single-recipe-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:120px}.single-recipe-container .container{max-width:1280px;margin:0 auto}.single-recipe-wrapper{width:100%;background-color:#fff;opacity:.8;padding:20px 26px;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-row-gap:1em;grid-column-gap:3em;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);grid-template-areas:"intro intro" "ing method"}@media screen and (max-width:600px){.single-recipe-wrapper{grid-template-columns:1fr;grid-template-areas:"intro" "ing" "method"}}.intro{grid-area:intro;text-align:center}.ingredients{grid-area:ing}.method{grid-area:method}.single-recipe-wrapper .field input:-moz-read-only{color:#000}.single-recipe-wrapper .field input:read-only{color:#000}.single-recipe-wrapper .title{color:#051e34;text-decoration:underline}.addrecipe-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.addrecipe-container .container{max-width:800px;margin:0 auto}.addrecipe-wrapper{width:100%;margin-top:120px;padding:20px 26px;display:grid;grid-template-columns:1fr}.addrecipe-wrapper .opacity-1{background:#051e34;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";opacity:.8}.addrecipe-wrapper h1{color:#fff;text-align:center}.addrecipe-wrapper h3{font-size:1.4em}.addrecipe-wrapper .title{color:#051e34}.addrecipe-wrapper button{background-color:#ef6c00!important}.addrecipe-wrapper .field{margin:20px auto;position:relative}.addrecipe-wrapper .btn-submit{margin-top:40px;text-align:center}.addrecipe-wrapper .ingredients{display:grid;grid-template-columns:1fr 1fr 4fr;grid-column-gap:6px}addrecipe-wrapper .add-smoothie .delete{cursor:pointer;position:absolute;right:0;bottom:16px;color:#aaa;font-size:1.4em}span.ql-formats button{background:transparent!important}span.ql-formats button svg line,span.ql-formats button svg path,span.ql-formats button svg rect{stroke:#fff!important}.quillWrapper{color:#fff}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{font-family:Raleway;font-size:calc(16px + 2*(100vw - 300px)/1300);line-height:calc(16px + 4*(100vw - 300px)/1300)}body{background-image:url(/static/img/login-background.302e24a.jpg);background-size:cover;background-attachment:fixed}:root{--primary-color:#051e34;--secondary-color:#ef6c00}h1{font-size:calc(30px + 40*(100vw - 300px)/1300);line-height:calc(34px + 46*(100vw - 300px)/1300)}h2{font-size:calc(26px + 6*(100vw - 300px)/1300);line-height:calc(30px + 6*(100vw - 300px)/1300)}h3{font-size:calc(22px + 4*(100vw - 300px)/1300);line-height:calc(32px + 6*(100vw - 300px)/1300)}p{font-size:calc(16px + 2*(100vw - 300px)/1300);line-height:calc(20px + 4*(100vw - 300px)/1300);margin:10px 0}nav{position:absolute;width:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 1em}nav i{color:hsla(0,0%,100%,.8)}nav ul{list-style-type:none;overflow:hidden}nav li{display:inline-block}nav li a{display:block;color:#fff;text-align:center;padding:16px;text-decoration:none}nav li a:hover{background-color:#111}nav .column{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}nav .column .left{text-align:left}nav .column .right{text-align:right;position:absolute;right:0}nav .brand-logo{width:40px;margin-top:8px;margin-bottom:8px}.field{margin:1em}label{display:block;text-align:left}input{padding:1em 8px;border:0;border-bottom:2px solid #ddd;background-color:transparent;color:#fff;width:100%;font-size:calc(16px + 2*(100vw - 300px)/1300);line-height:calc(16px + 4*(100vw - 300px)/1300)}input:focus,select:focus{border-bottom:2px solid var(--secondary-color)}select{background-color:transparent;border:0;border-bottom:2px solid #ddd;font-size:calc(16px + 2*(100vw - 300px)/1300);line-height:calc(16px + 4*(100vw - 300px)/1300);color:#fff;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 0),linear-gradient(135deg,#fff 50%,transparent 0);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),100% 0;background-size:5px 5px,5px 5px,2.5em 2.5em;background-repeat:no-repeat}select:focus{border-top:0;border-right:0;border-left:0}.btn{padding:1em 2em;border-radius:4px;background-color:#ef6c00;font-size:16px;border:0;color:#fff;-webkit-box-shadow:0 0 8px 0 #000;box-shadow:0 0 8px 0 #000}input.enteredIng{margin:6px auto;width:80%;border:0;border-bottom:2px dotted var(--secondary-color)}.recipe-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:80%;margin:0 auto}.recipe-container ul{list-style-type:none;margin:0 auto}.recipe-container .card{position:relative;width:100%;-webkit-transition:.5s;transition:.5s;cursor:pointer}.recipe-container .card .name{position:relative;padding:10px;border:2px solid #fff;text-align:left;background:#fff;z-index:1;font-size:1.3em;font-weight:400;color:#fff}.recipe-container .card .name .author{font-size:.8em;display:inline-block;margin-left:16px;color:#fff}.recipe-container .card .details{position:relative;top:-2px;text-align:left;-webkit-transition:.5s;transition:.5s;height:0;border:2px solid #fff;margin-top:-2px;overflow:hidden}.recipe-container .card:hover .details{height:200px;-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4);color:#fff}.recipe-container .card:hover{width:100%}.recipe-container .card:hover .name{-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);box-shadow:0 0 6px rgba(0,0,0,.4)}.recipe-container .card .details .content{position:relative;padding:40px 20px}.recipe-container .card .details .content h3{font-size:1.6em}.recipe-container .card .details .content a{position:relative;display:inline-block;margin:20px 0;padding:10px 20px;text-decoration:none;color:#fff}.recipe-container .card:nth-child(odd) .name{background-color:rgba(5,30,52,.8)}.recipe-container .card:nth-child(odd) .details{background-color:rgba(5,30,52,.5)}.recipe-container .card:nth-child(2n) .name{background-color:rgba(5,30,52,.7)}.recipe-container .card:nth-child(2n) .details{background-color:rgba(5,30,52,.5)}@media print{body{background-color:#fff;background-image:none}nav{display:none}}
/*# sourceMappingURL=app.9c846019db5dba2c1b8543561aa4dd69.css.map */