@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Poppins,sans-serif;background-color:#3e7eb9}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.center{margin:0 auto;text-align:center}.button-18{align-items:center;background-color:#0a66c2;border:0;border-radius:100px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:-apple-system,system-ui,Segoe UI,Roboto,Helvetica Neue,Fira Sans,Ubuntu,Oxygen,Oxygen Sans,Cantarell,Droid Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Lucida Grande,Helvetica,Arial,sans-serif;font-size:16px;font-weight:600;justify-content:center;line-height:20px;max-width:480px;min-height:40px;min-width:0;overflow:hidden;padding:0 20px;text-align:center;touch-action:manipulation;transition:background-color .167s cubic-bezier(.4,0,.2,1) 0s,box-shadow .167s cubic-bezier(.4,0,.2,1) 0s,color .167s cubic-bezier(.4,0,.2,1) 0s;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;vertical-align:middle}.button-18:focus,.button-18:hover{background-color:#16437e;color:#fff}.button-18:active{background:#09223b;color:hsla(0,0%,100%,.7)}.button-18:disabled{cursor:not-allowed;background:rgba(0,0,0,.08);color:rgba(0,0,0,.3)}body{background-color:#3e7eb9;overflow-x:hidden}.design,.form{height:100%;justify-content:center}.design,.form,.form-control{width:50%;display:flex;align-items:center}.form-control{flex-direction:column;justify-content:space-evenly;border:3px solid #000;border-radius:25px}.form-control input{width:80%;margin:.5em;border-radius:10px;border-style:none;padding:1em}.form-control p{font-size:1.3rem;color:#000}.form-control a{text-decoration:none;color:#000408;text-decoration:underline}.form-control a:hover{color:#fff;text-decoration:none}.button-22{align-items:center;-webkit-appearance:button;-moz-appearance:button;appearance:button;background-color:#0276ff;border-radius:8px;border-style:none;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.26);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:row;flex-shrink:0;font-family:RM Neue,sans-serif;font-size:100%;line-height:1.15;margin:0;padding:10px 21px;text-align:center;text-transform:none;transition:color .13s ease-in-out,background .13s ease-in-out,opacity .13s ease-in-out,box-shadow .13s ease-in-out;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-22:active{background-color:#006ae8}.button-22:hover{background-color:#1c84ff}.login-subtext{text-align:center}@media only screen and (max-width:600px){section{position:absolute}.design{opacity:.4}.design,.form{position:absolute;left:50%;transform:translateX(-50%);width:100%}.form-control{width:80%}.form-control p{font-size:1rem}}.products ul{width:100%;display:flex;align-items:baseline;justify-content:space-evenly;flex-wrap:wrap;list-style:none;grid-gap:20px;gap:20px;padding:0}.products ul li{box-shadow:0 5px 15px rgba(0,0,0,.35);width:500px;background-color:#415e6d;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;border-radius:18px;min-height:80vh}.products ul li h3{font-size:1.5rem;color:#fff}.card-footer,.desc{width:100%;display:flex;justify-content:space-evenly}.products img{height:200px;border:2px solid #000;border-radius:15px}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:2rem auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal .buy-form{display:flex;flex-direction:column}.modal .buy-form input{margin:1em;padding:1em;border-radius:2em;border:1px solid gray}.modal .buy-form button{align-self:flex-end}.orders{width:100vw;height:60vh;grid-gap:20px;gap:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2em;margin-top:2em}.orders h2{font-weight:700;font-size:2rem}.orders table{width:100%;table-layout:fixed}.orders .tbl-header{background-color:hsla(0,0%,100%,.3)}.orders .tbl-content{height:300px;overflow-x:auto;margin-top:0;border:1px solid hsla(0,0%,100%,.3)}.orders th{padding:20px 15px;font-weight:500;text-transform:uppercase}.orders td,.orders th{text-align:left;font-size:12px;color:#fff}.orders td{padding:15px;vertical-align:middle;font-weight:300;border-bottom:1px solid hsla(0,0%,100%,.1)}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{transform:rotate(0) translateX(0)}to{transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{transform:rotate(0) translateX(0)}to{transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{transform:rotate(-50deg) translateX(2.5em)}50%,to{transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{transform:rotate(-50deg) translateX(2.5em)}50%,to{transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;transform:translateX(0)}to{opacity:.125;transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;transform:translateX(0)}to{opacity:.125;transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;transform:translateX(1.75em)}50%,to{opacity:.5;transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;transform:translateX(1.75em)}50%,to{opacity:.5;transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;transform-origin:115px 115px;animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@-webkit-keyframes loader-spin{to{transform:rotate(1turn)}}@keyframes loader-spin{to{transform:rotate(1turn)}}@-webkit-keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}