@import url(https://fonts.googleapis.com/css?family=Charmonman|Roboto|K2D);.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#login-area{min-height:500px;font-family:"K2D",sans-serif;flex:1 1}.login-showcase{display:flex;flex-direction:column;height:100%}.login-body{position:absolute;width:100%;top:0;bottom:0}.login-box{width:280px;position:absolute;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:100px}.login-box h1{font-size:40px;border-bottom:2px solid grey}.login-textbox{width:100%;font-size:30px;overflow:hidden;padding:8px 0;margin:8px 0;border-bottom:1px solid #f08080}.login-textbox input{border:none;outline:none;background:none;color:#000;font-size:20px;float:left;width:80%;font-family:"K2D",sans-serif}.login-textbox i{width:40px;float:left;text-align:center;font-size:24px}footer{bottom:0;position:fixed;width:100%}@media (max-width:348px){.login-box h1{font-size:25px}.login-box{margin-top:150px}}@media (max-width:769px){.login-box h1{font-size:25px;text-align:center}.login-box{margin-top:150px}#login-area{min-height:850px}}body{margin:0;padding:0}.container{margin:auto;width:80%;overflow:hidden}.landing-page{height:100vh;display:flex;flex-direction:column}.btn{width:100%;background:grey;border-bottom:2px solid grey;border-radius:50px;padding:5px;margin:12px 0;cursor:pointer;font-size:18px;font-weight:700;outline:none;color:#fff;font-family:"K2D",sans-serif}.btn:hover{background-image:linear-gradient(270deg,grey,violet)}header{min-height:70px;border-bottom:1px solid #fff}header a{text-decoration:none;color:grey;font:normal 22px "K2D",sans-serif}header ul{margin:0;padding:0}header li{display:inline;padding:0 20px 0 10px}#header-title{float:left}#header-title img{margin-top:5px;height:50px}header nav{float:right;margin-top:10px}#showcase{min-height:510px;background:url(/static/media/home_background.a986647b.jpg) no-repeat 0;background-size:cover;color:#fff;text-align:center;font-family:"K2D",sans-serif;flex:1 1}#showcase h1{font-size:80px;margin:100px 0 10px;font-weight:700}#showcase p{font-size:33px}footer{font-family:"K2D",sans-serif;background-image:linear-gradient(0deg,#494a4c,#b5bdc9);min-height:65px}footer h3{text-align:center;color:#fff}@media (max-width:768px){header #header-title,header nav,header nav li{float:none;width:100%;text-align:center}header a{text-align:center;font-size:17px}#showcase{min-height:850px;margin-top:30px}#showcase h1{font-size:60px}}.product-area{min-height:400px;flex:1 1}.product-area h1{text-align:center;color:#000;font:normal 700 40px "K2D",sans-serif}.products{margin:20px}.product-item{float:left;width:30%;padding:10px;text-align:center;overflow:hidden;border:1px solid grey}.product-item p{font-weight:700;font-family:"K2D",sans-serif}.product-item img{height:150px;cursor:pointer;transition:all 1s ease}.product-item img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.editBtn{background:grey;border:0;cursor:pointer;outline:none;font-size:16px;height:40px;width:100px;font-weight:700;text-transform:uppercase;padding:0}.editBtn a{color:#fff;text-decoration:none}.deleteBtn{background:#e44242;color:#fff;border:0;cursor:pointer;outline:none;font-size:16px;height:40px;width:100px;font-weight:700;text-transform:uppercase;padding:0}@media (max-width:879px){.products .product-item{float:none;width:100%;border:none}header #header-title,header nav,header nav li{float:none;width:100%;text-align:center}header a{text-align:center;font-size:17px}}#register-area{min-height:510px;font-family:"K2D",sans-serif;flex:1 1}.register-body{position:absolute;width:100%;top:0;bottom:0}.register-showcase{display:flex;flex-direction:column;height:100%}.register-box{width:280px;position:absolute;top:25%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin-top:150px}.register-box h1{font-size:40px;border-bottom:2px solid grey}.register-textbox{width:100%;font-size:30px;overflow:hidden;padding:8px 0;margin:8px 0}.register-textbox input{border:none;outline:none;background:none;color:#000;font-size:20px;float:left;width:80%}.register-textbox i{width:40px;float:left;text-align:center;font-size:24px}@media (max-width:348px){.register-box h1{font-size:25px}.register-box{margin-top:250px}}@media (max-width:769px){.register-box h1{font-size:25px;text-align:center}.register-box{margin-top:230px}#register-area{min-height:850px}}
/*# sourceMappingURL=main.4f74e0fc.chunk.css.map */