body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.product img{height:250px;padding:5px;width:320px}.product{border:1px solid #000;border-radius:15px;box-shadow:3px 3px 11px #000;height:420px;margin:20px;position:relative}.product button{background-color:#000;border-radius:15px;bottom:0;box-shadow:3px 3px 11px #070707;color:#fff;font-weight:700;margin:2% 25%;padding:5px;position:absolute;width:50%}.product button:hover{background-color:#ff4500;box-shadow:none}.product h2,p{margin-left:10px}.product-container{display:flex;flex-basis:75%;flex-direction:row;flex-wrap:wrap}.details-container{background:#9acd32;flex-basis:20%}.details-container h2,h3{padding:0 20px}.container{width:100%}.container button{background-color:#000;border-radius:10px;box-shadow:3px 7px 11px #0e0e0e;color:#fff;font-size:18px;font-weight:700;margin-left:40px;padding:5px 10px;text-align:center}.container button:hover{background-color:#ff4500;box-shadow:none}@media only screen and (width:360px){.container{flex-direction:column}.details-container{color:aqua;width:100%}.main-container{flex-basis:100%}}.App h1{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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}.container{display:flex;flex-direction:row;justify-content:space-around}.container .react-work,.how-work,.props-state{background-color:#7fffd4;border:1px solid #000;border-radius:15px;box-shadow:3px 6px 11px #000;margin:10px}@media only screen and (width:360px){.container{flex-direction:column}}
/*# sourceMappingURL=main.535e283f.css.map*/