html{font-size:62.5%;box-sizing:border-box}body{font:1.6rem Helvetica;height:100vh;margin:0}button{font-size:1.5rem}.full-width{width:100%}#root{height:100%}.grid-container{display:grid;grid-template-areas:"header" "main" "footer";grid-template-columns:1fr;grid-template-rows:5rem 1fr 5rem;height:100%}.header{grid-area:header;background-color:#203040;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.brand a{font-size:2.5 rem;font-weight:700}.brand a,.header-links a{color:#fff;text-decoration:none}.header-links a{padding:1rem}.header-links a:hover{color:#ff8000}.main{grid-area:main}.footer{grid-area:footer;background-color:#203040;color:#fff;display:flex;justify-content:center;align-items:center}a{text-decoration:none}a:hover{color:#ff8000}.strategies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.strategies li{list-style-type:none;padding:0;flex:0 1 34rem;margin:1rem;height:50rem;border-bottom:.1rem solid silver}.strategy{display:flex;flex-direction:column;justify-content:space-between;height:100%}.strategy-name{font-size:2rem;font-weight:700}.strategy-currency{font-size:1.2rem;color:grey}.strategy-budget{font-size:2rem;font-weight:700}.strategy-image{max-width:34rem;max-height:34rem}.strategy-balace{border-bottom:.1rem solid silver}.brand button{font-size:3rem;padding:.5rem;background:none;border:none;color:#fff;cursor:pointer}.sidebar{position:fixed;transition:all .5s;transform:translateX(-30rem);width:30rem;background-color:#f0f0f0;height:100%}.sidebar.open{transform:translateX(0)}.sidebar-close-button{border-radius:50%;border:.1rem solid #000;width:3rem;height:3rem;font-size:2rem;padding:0 .5rem .5rem;cursor:pointer;position:absolute;right:.5rem;top:1.5rem}.details{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;padding:1rem}.details-image{flex:2 1 60rem}.details-image img{max-width:60rem;widows:100%}.details-action,.details-info{flex:1 1 30rem}.details-action ul,.details-info ul{list-style-type:none;padding:0}.details-action li,.details-info li{margin-bottom:1rem}.back-to-home{padding:1rem}.details-action{border:.1rem solid grey;border-radius:.5rem;background-color:#f0f0f0;padding:1rem}.details-action ul li:last-child{display:flex;flex-direction:column}.button{padding:1rem;border:.1rem solid grey;border-radius:.5rem;cursor:pointer}.button:hover{border:.1rem solid #408080}.button.primary{background-color:#f0c040}.button.secondary{background-color:#f0f0f0}.text-center{text-align:center}.cart{display:flex;flex-wrap:wrap;margin:1rem;align-items:flex-start}.cart-list{flex:3 1 60rem}.cart-list-container{list-style-type:none;padding:1rem;margin-bottom:1rem;border-bottom:.1rem solid grey}.cart-list-container li img{max-width:10rem;max-height:10rem}.cart-action{flex:1 1 20rem;background-color:#f8f8f8;border:.1rem solid grey;border-radius:.5rem;padding:1rem}.cart-image{flex:1 1}.cart-name{flex:8 1}.cart-balance{flex:1 1;font-size:2.5.rem}.form{display:flex;justify-content:center;align-items:center;height:100%}.form-container{display:flex;flex-direction:column;width:32rem;padding:2rem;border:.1rem solid silver;border-radius:.5rem;list-style-type:none}.form-container li{display:flex;flex-direction:column;margin-bottom:1rem;margin-top:1rem}input{padding:1rem;border:1rem;border-radius:.5rem}.strategy-header{display:flex;justify-content:space-between;align-items:flex-start}.content-margined{margin:1rem}.table{width:100%}th{text-align:left}tbody>tr:nth-child(odd){background-color:#f0f0f0}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pagination{margin:15px auto;display:flex;list-style:none;outline:none}.pagination>.active>a{background-color:#47ccde;border-color:#47ccde;color:#fff}.pagination>li>a{border:1px solid #47ccde;padding:5px 10px;outline:none;cursor:pointer}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{background-color:#47ccde;border-color:#47ccde;outline:none}.pagination>li>a,.pagination>li>span{color:#47ccde}.pagination>li:first-child>a,.pagination>li:first-child>span,.pagination>li:last-child>a,.pagination>li:last-child>span{border-radius:unset}
/*# sourceMappingURL=main.9f6ebb71.chunk.css.map */