@import url(http://fonts.cdnfonts.com/css/sansita-one);@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:200,400,500,700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{background-color:#f7f7ec}.home-add-apparel,.home-apparel,.home-sign-up{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-size:cover;height:300px}.home-apparel{background-image:url(/static/media/Apparel4.255a3530.png);height:400px;background-repeat:no-repeat}.home-sign-up{background-image:url(https://freefrontend.com/assets/img/css-background-patterns/Background-Triangle-Pattern-HTML-CSS.png);background-repeat:no-repeat;margin-bottom:25px;margin-top:25px}.home-add-apparel{background-image:url(https://img.wattpad.com/userbg/Isis_Emmy.57028.jpg);margin-top:25px}h1{background-color:#fff;width:500px;-webkit-align-self:center;align-self:center;border:5px solid #000;border-radius:15px}h1:hover{box-shadow:1px 1px 15px 1px #c8c8c8}@media only screen and (max-width:1000px){h1{width:450px}}@media only screen and (max-width:880px){h1{width:400px}}@media only screen and (max-width:660px){h1{width:350px}}@media only screen and (max-width:500px){h1{width:300px;font-size:30px}}.layout{height:100vh;margin-top:100px}.layout-children{-webkit-flex:2 1;flex:2 1;margin-top:100px}@media (max-width:500px){.layout{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-top:50px}.layout-children{-webkit-align-items:center;align-items:center}}nav{-webkit-flex:1 1;flex:1 1;position:fixed;background-color:#fff;z-index:1;top:0;left:0}.nav,nav{width:100%}.nav{display:-webkit-flex;display:flex;padding:20px 0;margin-left:-2px;margin-right:-2px;margin-top:-2px;box-shadow:1px 1px 15px 1px #c8c8c8;background-color:#e4e4e4}.logo{text-align:center;-webkit-flex:1 1;flex:1 1;width:300px;transition:all .25s;margin-left:10px;margin-right:20px}.logo img{height:145px}.logo:hover{-webkit-transform:scale(1.025);transform:scale(1.025)}.links{font-family:"Montserrat",sans-serif;-webkit-flex:2 1;flex:2 1;max-width:80vw;-webkit-align-items:center;align-items:center;font-size:30px;font-weight:450;display:-webkit-flex;display:flex}.link{-webkit-flex:1 1;flex:1 1}.welcome{padding:0 10px}a{font-weight:450;font-size:30px;text-decoration:none;text-align:center;color:#000;transition:all .5s}a:hover{-webkit-transform:scale(1.025);transform:scale(1.025);font-weight:500}@media only screen and (max-width:1450px){.welcome,a{font-size:26px}}@media only screen and (max-width:1300px){.welcome,a{font-size:24px}.logo{width:300px}.logo img{height:135px}}@media only screen and (max-width:1200px){.welcome,a{font-size:22px}.logo{width:250px}.logo img{height:125px}}@media only screen and (max-width:1100px){.welcome,a{font-size:20px}.logo{width:200px}.logo img{height:115px}}@media only screen and (max-width:1000px){.welcome,a{font-size:18px}.logo{width:150px}.logo img{height:105px}}@media only screen and (max-width:890px){a{font-size:18px}.nav{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.links{width:100%}.logo{margin-left:0;margin-right:40px;margin-bottom:30px}.logo img{height:85px}}@media only screen and (max-width:700px){a{font-size:16px}}@media only screen and (max-width:630px){a{font-size:14px}}@media (max-width:570px){.nav{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%}.links{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:100%;max-width:50vw}.link{padding:3px}}.product,.product-div{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.product{margin:10px 20px 0;transition:all .25s;padding:20px}.product-image{width:300px;height:400px;box-shadow:1px 1px 15px 1px #c8c8c8}.product-image:hover{-webkit-transform:scale(1.02);transform:scale(1.02);opacity:.9}.product-name{font-size:25px;padding:10px}.price{font-size:30px;padding:10px}.cart-button{-webkit-justify-content:center;justify-content:center;background-color:transparent;border:none;box-shadow:none;margin-bottom:30px;margin-top:-20px}.cart-button img,.checkmark{height:40px;width:40px;margin:0;padding:0}@media (max-width:500px){.product{width:100%;margin-right:75px}.product-image{width:300px;-webkit-align-items:center;align-items:center}}.search-form{padding-top:100px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.search-input{width:70vw;font-size:25px;letter-spacing:.25px;padding:12px 20px 12px 40px;border:1px solid #ddd;margin:40px;box-shadow:1px 1px 15px 1px #c8c8c8;font-family:"Montserrat",sans-serif}.search-input::-webkit-input-placeholder{letter-spacing:.3px}.search-input:-ms-input-placeholder{letter-spacing:.3px}.search-input::placeholder{letter-spacing:.3px}@media (max-width:500px){.sort-container{width:100%;-webkit-justify-content:center;justify-content:center;margin:0}}.cart-title{text-align:center;font-size:50px;font-weight:750px}.cart-products,.products{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;padding:40px}.product-div{padding:0 20px}.sort-container{display:-webkit-flex;display:flex;width:83.5vw;-webkit-justify-content:flex-end;justify-content:flex-end;margin:20px}label{font-family:Arial,Helvetica,sans-serif;font-weight:700;padding-right:10px}label,select{font-size:18px}select{cursor:pointer;border:none}.back-button,.cart-logo-button{background-color:transparent;border:none;box-shadow:none;font-size:25px;position:fixed}.back-button img,.cart-logo{height:60px;width:60px}.remove-button img{height:40px;width:40px;margin:0;padding:0}.remove-button{-webkit-justify-content:center;justify-content:center;background-color:transparent;border:none;box-shadow:none;margin-bottom:30px;margin-top:-10px}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2){.back-button,.cart-logo-button{background-color:transparent;border:none;box-shadow:none;font-size:25px;position:fixed;margin-top:50px}.cart-button{margin-right:50px}}@media (max-width:500px){.products{width:100%;-webkit-justify-content:space-around;justify-content:space-around}.sort-container{width:100%;-webkit-justify-content:center;justify-content:center;margin:0}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.back-button,.cart-logo-button{background-color:transparent;border:none;box-shadow:none;font-size:25px;position:fixed}.cart-button{margin-right:0}}.create-form{padding:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:space-evenly;justify-content:space-evenly}textarea{font-size:48px}.input-title,textarea{font-family:Georgia,"Times New Roman",Times,serif}.input-imageURL,.input-price,.input-size,.input-username{font-family:Arial,Helvetica,sans-serif}.labelName{margin-right:23px;margin-left:-21px}.submit-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;background-color:#08b8b8;color:#fff;border:none;cursor:pointer}.input-container{margin-left:-22px;display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin:8px 0}.input-container input{width:75%;padding:15px}.input-container label{width:50%}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2){.input-name{text-align:center;width:100%;font-size:24px;padding:8px}.edit-form{text-align:center;margin-right:10px}.textarea-description{width:100%}.product-edit{width:100%;-webkit-flex-direction:column;flex-direction:column;margin-left:0}.image-container{width:100%;margin-top:-7px}.edit-product-image{text-align:center}.edit-input-image-link{margin-left:8px;text-align:center;margin-top:8px;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.save-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:100px;margin-top:40px;background-color:#088f8f;color:#fff;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:2px;margin-left:50px}.create-form{padding:50px}input,textarea{font-size:28px}.description{margin-left:-23px}.input-description{margin-left:0;width:200px}.input-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;margin:8px -30px}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:2){.input-name{text-align:center;width:100%;font-size:24px;padding:8px}.edit-form{text-align:center;margin-right:10px}.textarea-description{width:100%}.product-edit{width:100%;-webkit-flex-direction:column;flex-direction:column;margin-left:0}.image-container{width:100%;margin-top:-7px}.edit-product-image{text-align:center}.edit-input-image-link{margin-left:8px;text-align:center;margin-top:8px;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.save-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:100px;margin-top:40px;background-color:#088f8f;color:#fff;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:2px;margin-left:50px}.create-form{padding:50px}input,textarea{font-size:28px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.input-description{margin-left:0}}.product-edit{padding-top:25px}.image-container,.product-edit{display:-webkit-flex;display:flex}.image-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.edit-product-image{width:500px;padding:0 40px 5px}.edit-input-image-link{width:300px}.edit-form{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;line-height:1.6}.edit-form>*{width:100%;padding:20px;text-align:center;margin:0 0 80px}.create-form{margin-top:50px}Layout{margin-left:30px}.input-name{letter-spacing:1px}.input-name,.textarea-description{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:16px}.textarea-description{letter-spacing:.9px;line-height:1.6}.save-button{width:200px;background-color:#000;margin-left:400px}@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (-webkit-min-device-pixel-ratio:2){.save-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:100px;margin-top:40px;background-color:#088f8f;color:#fff;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:2px;margin-left:50px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.input-name{text-align:center;width:100%;font-size:24px;padding:8px}.edit-form{text-align:center;margin-right:10px}.textarea-description{width:100%}.product-edit{width:100%;-webkit-flex-direction:column;flex-direction:column;margin-left:0}.image-container{width:100%;margin-top:-7px}}.edit-product-image{text-align:center}.edit-input-image-link{margin-left:8px;text-align:center;margin-top:8px;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.save-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:100px;margin-top:40px;background-color:#088f8f;color:#fff;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:2px}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:2){.input-name{text-align:center;width:100%;font-size:24px;padding:8px}.edit-form{text-align:center;margin-right:10px}.textarea-description{width:100%}.product-edit{width:100%;-webkit-flex-direction:column;flex-direction:column;margin-left:70px}.image-container{width:100%}.edit-product-image{margin-top:70px}.edit-input-image-link{width:100%;margin-left:8px;text-align:center;margin-top:8px;font-size:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.save-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;height:40px;width:100px;margin-top:40px;background-color:#088f8f;color:#fff;border:none;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:2px;margin-left:50px}}.product-detail{display:-webkit-flex;display:flex;padding:80px 100px 100px;-webkit-align-items:flex-start;align-items:flex-start}.detail{-webkit-flex-wrap:wrap;flex-wrap:wrap}.detail,.detail>*{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.detail>*{width:100%;-webkit-align-items:center;align-items:center;height:50px}.name{letter-spacing:1px}.price{font-size:28px}.price2{background:#c3c3c3;margin:24px 0;padding:8px}.description{letter-spacing:.9px;margin-left:0}.product-detail-image{width:600px;padding:0 40px}.size{margin-top:40px}.button-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;margin-top:100px;margin-left:20px}.edit-button{background-color:#06b3b3;border-radius:5%}.delete-button,.edit-button{font-size:22px;font-family:Arial,Helvetica,sans-serif;text-align:center;-webkit-align-self:center;align-self:center;color:#fff;box-shadow:2px 2px 10px 2px #cecece;cursor:pointer;padding:8px;width:96px}.delete-button{background-color:#d80101;border:none;border-radius:5%}.edit-link{color:#fff}@media (max-width:1024px){.name{font-size:32px}.product-detail-image{width:500px;margin-top:-100px;padding:10px}.product-detail{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}@media (max-width:800px){.product-detail-image{width:300px;margin:15px;padding:10px}.product-detail{padding:120px 0 0}.button-container{padding:20px 20px 80px}.delete-button,.edit-button{width:40%}}button{border-radius:3px;box-shadow:2px 4px 10px rgba(0,0,0,.3)}.navbar{box-shadow:0 4px 10px rgba(0,0,0,.3)}.form-container{width:50%;border:2px solid #b0bec5;box-shadow:2px 4px 10px rgba(0,0,0,.3)}.form-container form button{background:#56c8d8}.form-container form button:hover{box-shadow:3px 8px 16px rgba(0,0,0,.5)}body{margin:0;padding:0;font-family:"Montserrat";overflow:hidden;height:100%}button{cursor:pointer;font-size:1rem;padding:.6em 1em;border-radius:5px;transition:all .3s ease}.navbar,button{box-shadow:1px 1px 15px 1px #c8c8c8}.navbar{background:#0097a7;height:4em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.navbar .nav .links a,.navbar span{margin:0 1em;color:#f8f8f8;text-decoration:none;font-size:1.1rem;transition:all .4s ease}.navbar .nav .links a:hover{color:#ffccbc}.navbar .nav{display:-webkit-flex;display:flex;transition:all .4s ease}.container{height:100%}.row{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:3em}.form-container{background-color:#fff;-webkit-align-self:center;align-self:center;padding:1em;width:80vw;height:80%;margin:4em auto;border:2px solid #c8c8c8;border-radius:6px;box-shadow:1px 1px 15px 1px #c8c8c8;transition:all 2s ease}.form-container .danger{background:#e57373}.form-container h3{text-align:center}.form-container form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;margin:auto;width:80%}.form-container form input{width:100%;padding:.6em 1em;margin:.5em auto;font-size:1rem;border-radius:3px;border:2px solid #e0e0e0;outline:none;transition:all .4s ease}.form-container form input:active,.form-container form input:focus{border:2px solid #82ada9}.form-container form input:valid{border:2px solid #66bb6a}.form-container form button{width:50%;margin:1em auto;background:#d3d3d3;border:none}.form-container form button:hover{box-shadow:3px 8px 15px 1px #c8c8c8}.form-container form a{margin:auto}.form-container form label{margin-top:.6em}.layout{-webkit-flex-direction:column;flex-direction:column;overflow-y:scroll;height:Calc(100vh - 4em)}.layout,.layout .content{display:-webkit-flex;display:flex}.layout .content{-webkit-flex-direction:row;flex-direction:row;position:relative;-webkit-flex:1 1;flex:1 1}.layout .content nav{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-flex:0.8 1;flex:0.8 1;z-index:1000;background:#f8f8f8;box-shadow:inset -10px 8px 10px -6px rgba(0,0,0,.3)}.layout .content nav a{text-decoration:none;text-align:center;padding:1em 0;font-size:1.1rem;width:100%;color:#333;transition:all .4s ease}.layout .content nav a:hover{background:#616161;color:#f8f8f8}.layout .content nav a:first-of-type,.layout .content nav a:last-of-type{border-bottom:2px solid #333}.layout .content .main{-webkit-flex:3 1;flex:3 1;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.layout .content .main .item-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2em;grid-template-rows:auto;width:80%;padding:2em 0}.item{border:2px solid #81b9bf;text-align:center;padding:1em;border-radius:3px;box-shadow:2px 4px 10px rgba(0,0,0,.3);-webkit-flex-direction:column;flex-direction:column;min-width:300px}.item,.item .buttons{display:-webkit-flex;display:flex}.item .buttons{margin-top:1em;-webkit-justify-content:space-around;justify-content:space-around}.item h4{font-size:1.2rem}.item a{text-decoration:none;text-align:center;padding:1em 0;font-size:1.1rem;color:#333;transition:all .4s ease;width:auto;-webkit-align-self:flex-start;align-self:flex-start}.item a:hover{opacity:.5}.item a:before{content:"<-"}.item-container .item{min-width:200px;min-height:100px}.item-container .item button{background:#0097a7;color:#f8f8f8}.item-container .item button:hover{background:#56c8d8;color:#333}.danger{background:#e57373}.error{text-align:center;color:#e57373;font-size:1.1rem}.edit{background:#b2dfdb}.edit:hover{background:#82ada9}.danger:hover{color:#f8f8f8;background:#af4448}.alert{width:400px;height:200px;border-radius:3px;box-shadow:2px 4px 10px rgba(0,0,0,.3);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;bottom:20px;left:50%;margin:0 auto;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alert h3{font-size:1.2rem;font-weight:800;-webkit-align-self:flex-end;align-self:flex-end;margin-top:5px;margin-right:.5em;cursor:pointer;transition:all .4s ease}.alert h3:hover{color:#f8f8f8}.alert p{color:#388e3c;width:80%;margin:auto;-webkit-align-self:center;align-self:center;text-align:center;-webkit-flex:2 1;flex:2 1}.hide{-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%)}.show{-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)}.success{background:#dcedc8}.success h3:hover{color:#333;opacity:.6}.landing .container{text-align:center}.landing .main .item-container{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2em;grid-template-rows:auto;width:80%;margin:4em auto}@media (max-width:800px){.form-container{-webkit-align-items:center;align-items:center;width:80%}.form-container form{margin-left:0}}@media (max-width:570px){.form-container{margin-top:100px}}
/*# sourceMappingURL=main.599105ee.chunk.css.map */