.heading-primary{color:#fff;text-shadow:1px 1px #000;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:Sriracha,cursive}.text-box{position:absolute;top:40%;left:52%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;font-family:Fjalla One,sans-serif}.letter{font-size:55px;color:#c11b76;font-family:Sriracha,cursive}.heading-main{display:block;font-size:25px;font-weight:400;letter-spacing:3px;-webkit-animation-name:moveInLeft;animation-name:moveInLeft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both;margin-top:13rem}.word-sub{color:#c11b76;font-weight:1000;font-size:25px;font-family:Sriracha,cursive}.heading-sub{padding-top:2%;display:block;font-size:17px;font-weight:400;letter-spacing:2opx;-webkit-animation:moveInRight 3s ease-in;animation:moveInRight 3s ease-in;-webkit-animation-fill-mode:both;animation-fill-mode:both}.site-description{margin:35px 10px 0 0;border:2px solid #fff;font-size:.84rem;border-radius:5%;color:#000;background-color:#fff;opacity:1%;text-transform:uppercase}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@media (min-width:760px){.letter{font-size:75px}.heading-main{margin-top:20rem}.heading-main,.word-sub{font-size:35px}.heading-sub{font-size:25px}.text-box{margin-bottom:20rem}.site-description{font-size:1rem}}.wine-menu{display:inline-block;margin:10% 6% 0 0;border-radius:100px;text-transform:uppercase;font-size:20px}.wine-btn{font-size:25px;text-align:none}.wine-btn:link,.wine-btn:visited{display:inline-block;-webkit-transition:all .2s;transition:all .2s}.btn-bottom{margin-top:50px}.btn-white{opacity:1%;background-color:#fff;color:#777;border-radius:100px;padding:5px 40px;position:relative;margin-top:20%}.wine-btn:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 20px #f00327}.wine-btn:active{-webkit-transform:translateY(1px);transform:translateY(1px);box-shadow:0 5px 20px rgba(241,236,78,.9)}.wine-btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .4s;transition:all .4s}.btn-white:after{background-color:#fff}.wine-btn:hover:after{-webkit-transform:scaleX(1.4) scaleY(1.6);transform:scaleX(1.4) scaleY(1.6);opacity:0}@-webkit-keyframes moveInButton{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes moveInButton{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.btn-animated,.site-description{-webkit-animation:moveInButton 2s ease-in .75s;animation:moveInButton 2s ease-in .75s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.navigation__item{margin:2rem}.navigation__checkbox{display:none}.navigation__checkbox:checked~.navigation__backgroud{-webkit-transform:scale(300);transform:scale(300)}.navigation__checkbox:checked~.navigation__nav{opacity:1;width:100%}.navigation__button{margin:0;border:1px solid #000;background-color:#fff;height:3rem;width:3rem;position:fixed;top:1.5rem;right:1.5rem;border-radius:50%;z-index:2000;box-shadow:0 1rem 3rem #000;text-align:center;cursor:pointer}.home-btn,.login-btn,.logout-btn,.signup-btn{font-size:2rem;font-weight:300;text-transform:uppercase;background-image:linear-gradient(120deg,#000 80%,#282626 0,#fff 92%);border-radius:15%;border:2px solid #000;box-shadow:0 1rem 3rem #000;background-size:100%}.navigation__backgroud{height:2rem;width:2rem;border-radius:50%;position:fixed;top:1.75rem;right:1.75rem;background-image:radial-gradient(#c11b76,#fff);z-index:1000;-webkit-transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:-webkit-transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1);transition:transform .8s cubic-bezier(.86,0,.07,1),-webkit-transform .8s cubic-bezier(.86,0,.07,1)}.navigation__nav{height:100vh;width:0;position:fixed;top:0;right:0;z-index:1500;opacity:0;-webkit-transition:all .8s cubic-bezier(.68,-.55,.265,1.55);transition:all .8s cubic-bezier(.68,-.55,.265,1.55)}.navigation__list{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);list-style:none;text-align:center;color:#4c4cf2;width:100%}.navigation__icon{position:relative;margin-top:1.4rem}.navigation__icon,.navigation__icon:after,.navigation__icon:before{width:1.25rem;height:2px;background-color:#000;display:inline-block}.navigation__icon:after,.navigation__icon:before{content:"";position:absolute;left:0;-webkit-transition:all .2s;transition:all .2s}.navigation__icon:before{top:-.5rem}.navigation__icon:after{top:.5rem}.navigation__button:hover .navigation__icon:before{top:-1rem}.navigation__button:hover .navigation__icon:after{top:1rem}.navigation__checkbox:checked+.navigation__button .navigation__icon{background-color:transparent}.navigation__checkbox:checked+.navigation__button .navigation__icon:before{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon:after{top:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.wine-selection{display:flex;flex-direction:column}.individual-info{margin-top:5%;text-align:center;color:#fff290;text-shadow:1px 1px #000;font-family:Sriracha,cursive}.wine-info{font-size:16px;padding:1rem;color:#fff;text-shadow:1px 1px #000;font-weight:700;border:2px solid #000;box-shadow:.5rem .5rem #000;line-height:2;margin:2rem;background-image:-webkit-gradient(linear,left top,right top,from(rgba(193,27,118,.98)),color-stop(98%,#abaaaa));background-image:linear-gradient(90deg,rgba(193,27,118,.98),#abaaaa 98%);font-family:Fjalla One,sans-serif}.back-btn{text-transform:uppercase;color:#fff;display:inline-block;border-radius:3rem;background-color:#000;margin-left:1rem;margin-right:1.5rem}.wine__delete{color:#c11b76}.title__page.s_wine{margin:6rem 2rem 0 0}.back-btn,.wine__delete{margin-top:1.5rem;padding:8px 30px;font-size:16px}@media (min-width:425px){.wine-selection{width:90%;margin-left:1rem}.back-btn{margin-left:3.5rem}}@media (min-width:512px){.wine-selection{width:70%;margin-left:4rem;margin-top:1rem}.back-btn{margin-left:2.5rem}}@media (min-width:700px){.wine-selection{width:55%;margin-left:8.5rem;margin-top:1rem}.back-btn{margin-left:3.2rem}.back-btn,.wine-info,.wine__delete{font-size:20px}.individual-info{font-size:45px}}@media (min-width:928px){.wine-selection{width:40%;margin-left:15rem;margin-top:2rem}.back-btn{margin-left:2.2rem}}@media (min-width:1158px){.wine-selection{width:40%;margin-left:20rem;margin-top:4rem}.back-btn{margin-left:5.5rem}}@media (min-width:1350px){.wine-selection{width:35%;margin-left:27rem;margin-top:4rem}}.wine-items{width:95%;margin:.8rem;padding:1rem;box-shadow:0 3rem 6rem #000;border:2px solid #fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(193,27,118,.98)),color-stop(95%,#abaaaa));background-image:linear-gradient(90deg,rgba(193,27,118,.98),#abaaaa 95%);-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}.wine-name{border-bottom:3px solid #fff}.class__name,.company,.company-title{color:#fff;font-family:Fjalla One,sans-serif}.company-title{display:inline-block;font-size:12px;padding-left:35px}.instructions{color:#fff;padding:1.5rem;background-image:-webkit-gradient(linear,left top,right top,from(rgba(193,27,118,.98)),color-stop(98%,#abaaaa));background-image:linear-gradient(90deg,rgba(193,27,118,.98),#abaaaa 98%);border:2px solid #fff;width:95%;margin:1.5rem;-webkit-transform:skewX(-6deg);transform:skewX(-6deg);font-family:Fjalla One,sans-serif}.text{-webkit-transform:skewX(6deg);transform:skewX(6deg)}@media (min-width:420px){.wine-items{width:85%;margin:.8rem;padding:1.5rem}}@media (min-width:764px){.wine-items{width:75%;margin:4rem;padding:2rem}}@media (min-width:920px){.wine-items{width:85%;margin:3rem 5rem;padding:2rem}}@media (min-width:1224px){.wine-items{width:75%;margin:3rem 10rem;padding:2rem}}.btn-group{margin-top:5%;display:flex;flex-direction:row;justify-content:space-evenly}.add_wine,.rw-btn,.ww-btn{height:3rem;width:7rem;margin:1rem;font-size:16px;color:#fcfcfc}.red-btn,.top-btn{text-transform:uppercase;padding:.5rem;display:inline-block;border-radius:3rem;background-color:#030303}.red{color:#c11b76;text-shadow:1px 1px #000}.red,.white{font-size:18px;font-weight:900;font-family:Fjalla One,sans-serif}.white{color:#fff;text-shadow:1px 1px #060606}.title__page.wine{margin:4rem 0 2rem;padding-left:1rem}.signup-form-box{margin-top:10%;border:3px solid #fff;background-image:-webkit-gradient(linear,left top,right top,from(rgba(193,27,118,.98)),color-stop(98%,#abaaaa));background-image:linear-gradient(90deg,rgba(193,27,118,.98),#abaaaa 98%);font-size:14px}.signup-field,.signup-form-box{display:flex;flex-direction:column}.signup-field{margin:2%}.signup_input{border:2px solid #fff;height:30px;padding:5%}.submit-btn{text-transform:uppercase;padding:8px 12px;display:inline-block;color:#fff;background-color:#000;border-radius:3rem;margin:2.5rem;font-size:14px}.title__page{margin-right:2rem;margin-top:4rem;font-size:35px}.signup-password-req,.signup_label{color:#fff290;text-shadow:1px 1px #000;margin:1rem}@media (min-width:510px){.signup-form-box{font-size:18px}.signup-field{padding:1rem 2rem}.signup_input{padding:7%;margin:0 0 2rem 2.5rem}.back-btn-signup,.submit-btn{margin:1rem 4rem 3rem;font-size:18px}.signup_label{padding-right:2rem}.title__page{margin-right:1rem;margin-top:4rem;font-size:45px}.signup-password-req{font-size:18px;margin:2rem}}@media (min-width:745px){.signup-form-box{width:75%;margin-top:4%;margin-left:5.5rem;font-size:20px}.signup-field{padding:1.5rem}.signup_input{margin:0 0 2rem 2.5rem;padding:1.2rem 0 1.2rem 1rem;width:auto}.back-btn-signup,.submit-btn{margin:1rem 8rem 3rem 8.5rem;font-size:18px}.signup_label{padding-right:.5rem}.title__page{margin-right:0}.signup-password-req{font-size:18px;margin:2rem}}@media (min-width:906px){.signup-form-box{width:60%;margin-left:12.5rem}.title__page{font-size:50px}}@media (min-width:1028px){.signup-form-box{width:45%;margin-left:18rem}}@media (min-width:1224px){.signup-form-box{width:45%;margin-left:25rem}}input{border:1px solid #696969;font-size:1em;padding:3%;text-align:left;width:80%}input,label{display:block;margin:8%}label{text-align:right;clear:both;float:left;font-weight:900;color:rgba(87,116,235,.98);text-shadow:1px 1px #000;font-family:Fjalla One,sans-serif}form{margin-top:15px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(32,73,235,.98)),color-stop(98%,#abaaaa));background-image:linear-gradient(90deg,rgba(32,73,235,.98),#abaaaa 98%)}.errorMessage{color:rgba(250,3,3,.98)}.login_demo-creds{font-size:14px;text-align:left;display:block;padding-top:25px;margin:8%;color:rgba(87,116,235,.98);text-shadow:1px 1px #000;font-family:Fjalla One,sans-serif}.btn-back-login,.btn-submit{text-transform:uppercase;padding:8px 30px;display:inline-block;border-radius:10%;color:#fff;background-color:#000;margin:2rem .5rem}.btn-submit{margin-left:6%;font-size:.9rem}.btn-back-login{margin-left:10%;padding-left:40px;font-size:.9rem}.title__page{text-shadow:1px 1px #fff;color:rgba(87,116,235,.98);font-family:Sriracha,cursive}@media (min-width:410px){form{width:80%;margin-left:2.5rem}.btn-back-login,.btn-submit{margin-left:1.65rem}.login_demo-creds,label{font-size:18px}}@media (min-width:525px){form{width:70%;margin-left:4rem}.btn-back-login,.btn-submit{margin-left:2.2rem}}@media (min-width:725px){form{width:68%;margin-left:8rem}.btn-back-login,.btn-submit{margin-left:5rem}.login_demo-creds,label{font-size:20px}}@media (min-width:1000px){form{width:55%;margin-left:16rem}.btn-back-login,.btn-submit{margin-left:6rem}}@media (min-width:1224px){form{width:45%;margin-left:25rem}.btn-back-login,.btn-submit{margin-left:7.5rem}}.Wine__form{color:#000;padding:2px;background-image:-webkit-gradient(linear,left top,right top,from(rgba(193,27,118,.98)),color-stop(98%,#abaaaa));background-image:linear-gradient(90deg,rgba(193,27,118,.98),#abaaaa 98%)}h2{text-align:center;padding:10px}.Wine__form label{display:block;font-size:16px;padding-bottom:8px}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:14px;padding:8px;width:15rem}.Wine__form option,.Wine__form select{height:33px}.Wine__form>.wine__field{margin-bottom:16px}.Wine__form>.buttons{margin-top:26px}.Wine__form button{background-color:#000;border-radius:3rem;border:1px solid #fff;color:#fff;display:block;font-size:18px;font-weight:700;padding:8px;text-align:center;text-decoration:none}.Wine__form button[type=submit]:hover{background-color:#066af7;color:#fff}#date,#winecat{max-height:20rem;padding:0;background-color:#c4c4c4}#content,#date,#winecat{margin-left:25px}.errorMessage{padding:2%;margin-left:40px;font-size:15px;font-weight:900;text-shadow:1px 1px #000}.add__wine{margin-top:5rem;font-size:2rem}@media(min-width:375px){.addwine__style,.Wine__form{width:90%;margin:1rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:15rem}#content,#date,#winecat{margin-left:1.4rem}.errorMessage{padding:1%;margin-left:15px;font-size:17px}}@media(min-width:420px){.addwine__style,.Wine__form{width:85%;margin:2rem}#content,#date,#winecat{margin-left:1.7rem}}@media (min-width:532px){.addwine__style,.Wine__form{width:80%;margin:4rem 2rem}.Wine__form{padding:1rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:1.5rem}.errorMessage{padding:2%;margin-left:15px}}@media (min-width:732px){.addwine__style,.Wine__form{width:80%;margin:1rem 13rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.add__wine{font-size:35px;padding-left:10rem}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:1.5rem}.errorMessage{padding:2%;margin-left:15px}}@media (min-width:900px){.addwine__style,.Wine__form{width:75%;margin:1rem 8rem}.Wine__form{padding:1rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:1.5rem}.errorMessage{padding:1.5%;margin-left:19px}}@media (min-width:1020px){.addwine__style,.Wine__form{width:70%;margin:1rem 10rem}.Wine__form{padding:1rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.add__wine{padding-left:5rem}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:1.5rem}}@media (min-width:1174px){.addwine__style,.Wine__form{width:70%;padding:2rem;margin:1rem 9rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.add__wine{font-size:64px;padding-left:6rem}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:2rem}.errorMessage{padding:1.5%;margin-left:30px}}@media (min-width:1348px){.addwine__style,.Wine__form{width:65%;padding:2.5rem;margin:1rem 12rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:2.5rem}.errorMessage{padding:1.5%;margin-left:30px}}@media (min-width:1672px){.addwine__style,.Wine__form{width:55%;padding:2.5rem;margin:1rem 16rem}.Wine__form label{font-size:18px;padding-bottom:1rem;display:inline-block}.Wine__form input,.Wine__form option,.Wine__form select,.Wine__form textarea{font-size:15px;padding:8px;width:25rem}#content,#date,#winecat{margin-left:2rem}.errorMessage{padding:1.5%;margin-left:30px}}.addwine-button{display:flex;flex-direction:row}.addwine-btn,.back-wine{margin:1rem 0 1rem 2rem}@media(min-width:375px){.addwine-btn,.back-wine{margin:1rem 0 1rem 2rem}}@media(min-width:462px){.addwine-btn,.back-wine{margin:1rem 0 1rem 2.5rem}}@media(min-width:532px){.addwine-btn,.back-wine{padding:5%;margin:1rem 0 1rem 5rem}.addwine-button{width:1000px}}@media(min-width:732px){.addwine-btn,.back-wine{margin:1rem 0 1rem 6rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Fjalla One,sans-serif;font-weight:400;font-size:16px;line-height:1.7;width:100%;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(255,242,144,.72)),color-stop(300%,rgba(0,0,0,.475)));background-image:linear-gradient(180deg,rgba(255,242,144,.72),rgba(0,0,0,.475) 300%);background-repeat:no-repeat;background-attachment:fixed}#root,body,html{height:100%}.header{width:100%;height:150vh;background-image:-webkit-gradient(linear,left top,right bottom,from(rgba(193,27,118,.15)),to(rgba(225,217,161,.3))),url(/static/media/header.10b92892.jpg);background-image:linear-gradient(to right bottom,rgba(193,27,118,.15),rgba(225,217,161,.3)),url(/static/media/header.10b92892.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%}.header,h1{text-align:center}button:focus{outline:none}
/*# sourceMappingURL=main.ef21eed2.chunk.css.map */