@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);@import url(https://fonts.googleapis.com/css?family=Srisakdi);.nav-link{font-family:Nunito Sans;font-weight:700;font-size:1.2em;color:#fff}@keyframes slidein{0%{margin-top:-100px}to{margin-top:0}}nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center}nav #logout{margin-right:10px;font-family:Nunito Sans;font-weight:700;font-size:1.4em;color:#fff;transition:all .3s ease-out;min-width:10%}nav #logout:hover{color:#d8c6e4;cursor:pointer}nav.top{background:rgba(151,211,206,.933);z-index:1;width:100%;transition:all .5s ease}nav.top #menu .nav-link,nav.top #menu li{color:#fff}nav.scrolled{background:rgba(151,211,206,.933);z-index:1;position:fixed;width:100%;animation-duration:.5s;animation-name:slidein;top:0}nav.scrolled #brand{display:none}nav #brand{background-size:contain;background-repeat:no-repeat;width:100px;height:100px;border-radius:100%}nav #brand:before{background-color:#212121}nav #menu{padding:0;margin-bottom:5px}nav #menu li{display:inline-block;padding:0 10px;cursor:pointer;line-height:40px;position:relative;transition:all .3s ease-out;color:#aaa;color:#fff;font-family:Nunito Sans;font-size:1em}nav #menu li:hover{color:#d8c6e4}nav #menu li.router-link-exact-active{color:#black}#toggle{z-index:2;height:40px;width:100%;transition:all .3s ease-out;visibility:hidden;display:none!important;opacity:0;display:flex;justify-content:space-between;margin-bottom:3px;margin-right:10px;margin-left:10px}#toggle .expand{cursor:pointer;width:40px}#toggle .span{width:40px;height:7px;background:#333;margin:5px auto;backface-visibility:hidden}#toggle.on .expand #one{transform:rotate(45deg) translateX(6px) translateY(6px)}#toggle.on .expand #two{opacity:0}#toggle.on .expand #three{transform:rotate(-45deg) translateX(10px) translateY(-12px)}#resize{font-family:Nunito Sans;z-index:1;position:fixed;top:75px;right:0;background:rgba(151,211,206,.933);width:50%;height:100%;visibility:hidden;opacity:0;transition:all .3s ease-out;display:table}#resize #menu{padding-top:60px;height:50px;display:table-cell;vertical-align:right}#resize #menu li{display:block;padding:20px 0;padding-right:20px;text-align:right;font-size:2em;font-weight:700;cursor:pointer;transition:all .3s ease-out}#resize #menu li:hover{background:#212121}#resize #menu li:hover a{color:#fff;transition:all .3s ease-out}#resize #menu li a{color:#212121}#resize.active{visibility:visible;opacity:.99}@media(max-width:768px){#toggle{visibility:visible;display:flex!important;height:40px!important;opacity:1}#brand{display:none}nav.top{align-items:center;height:75px}nav #menu{display:none}}@media(min-width:768px){#resize{visibility:hidden!important}}body{margin:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,#nav a{color:#2c3e50}#nav a{font-weight:700}#nav a.router-link-exact-active{color:#42b983}.vqid-container{height:40px;min-width:46px}.vqid-container .vqid{height:100%;display:flex;align-items:center;justify-content:center;border-radius:100%;font-family:Nunito Sans;font-weight:700;font-size:1em;background:#cdace4;color:#fff;border:3px solid #fff}.flavor-entry{width:60%}.flavor-entry .info{text-align:center}.modal .content .vqid-container{position:absolute;top:10px;left:10px}.tools{position:fixed;bottom:0;width:100%;background:rgba(151,211,206,.933);display:flex;justify-content:center;align-items:center}.tools div{margin:10px}.tools .button{width:auto}.tools .tool{display:flex;flex-direction:column}.tools .tool input[type=text]{background-repeat:no-repeat;background-size:contain;padding-left:20px}#flavors{width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;margin-bottom:100px}.image-container{max-height:120px;min-width:120px}.image-container:hover{cursor:pointer}.image-container .image{border-radius:100%;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;height:100%;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.flavor-entry{display:flex;justify-content:space-between;text-align:left;font-family:Nunito Sans;width:80%;background-image:linear-gradient(270deg,#e5e5e5 17%,#ace4df 64%);margin:10px;align-items:center;padding:10px}.flavor-entry .info{margin-left:3%;font-weight:700;width:100%;text-align:left;font-size:1.3em}.buttons{display:flex}.button{cursor:pointer;border:3px solid #fff;margin:5px;padding:5px;background:#cdace4;color:#fff;font-family:Nunito Sans;font-weight:700;text-align:center;width:50px}.image-modal{top:0;left:0;width:100%;height:100%;position:fixed;z-index:3}.image-modal .overlay{background:rgba(0,0,0,.667);width:100%;height:100%}.image-modal img{top:50%;left:50%;min-width:60%;max-width:60%;position:fixed;border-radius:20px;transform:translate(-50%,-50%)}.image-modal .image-full{box-shadow:8px 8px 5px 0 rgba(0,0,0,.333);background-image:linear-gradient(270deg,#e5e5e5 17%,#ace4df 64%);display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;width:80%;height:80%;top:10%;left:10%}.modal{top:0;left:0;width:100%;height:100%;position:fixed;z-index:2}.modal .overlay{background:rgba(0,0,0,.667);width:100%;height:100%}.modal .content{border-radius:20px;box-shadow:8px 8px 5px 0 rgba(0,0,0,.333);background-image:linear-gradient(270deg,#e5e5e5 17%,#ace4df 64%);display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;width:80%;height:80%;top:10%;left:10%}.modal .content .image-container{position:absolute;top:30px;left:30px}.modal .content .button{width:100px}.modal .content .field{margin:5px;display:flex;justify-content:space-between;width:80%}.modal .content .field textarea{width:80%;padding:10px;font-family:Nunito Sans;font-size:inherit}.modal .content .field input[type=text]{width:80%;padding:10px}.modal .content .field input[type=number]{padding:10px}.modal .content.confirm{top:35%;left:30%;width:40%;height:30%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.image-container{height:15rem;background-position:50%;background-repeat:no-repeat;background-size:cover}body{font-family:Open Sans,sans-serif;margin:0 auto 0 auto;width:100%;text-align:center}p{font-size:12px;text-decoration:none;color:#fff}h1{font-size:1.5em;color:#525252}.error{font-size:1.4em}.box{background:#fff;width:300px;border-radius:6px;margin:30px auto 0 auto;padding:0 0 70px 0;border:4px solid #2980b9;box-shadow:10px 10px 5px #aaa}.email{border:1px solid #ccc;border-bottom:2px solid #ccc;color:#aaa;margin-top:10px}.email,.password{background:#ecf0f1;padding:8px;width:250px;font-size:1em;border-radius:4px}.password{border:1px solid #ccc}.btn{background:#2ecc71;width:125px;padding-top:5px;padding-bottom:5px;color:#fff;border-radius:4px;border:1px solid #27ae60;margin-top:20px;margin-bottom:20px;float:left;margin-left:30%;font-weight:800;font-size:.8em}.btn:hover{background:#2cc06b;cursor:pointer}#btn2{float:left;background:#3498db;width:125px;padding-top:5px;padding-bottom:5px;color:#fff;border-radius:4px;border:1px solid #2980b9;margin-top:20px;margin-bottom:20px;margin-left:10px;font-weight:800;font-size:.8em}#btn2:hover{background:#3594d2}