html{background-color:#1b2636;text-align:center;color:#fff}body{margin:0;color:#fff;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@font-face{font-family:Nunito;font-style:normal;font-weight:400;src:local(""),url(/assets/nunito-v16-latin-regular-CSmEcOMa.woff2) format("woff2")}#app{height:100vh;text-align:center}#logo{display:block;width:50%;height:50%;margin:auto;padding:10% 0 0;background-position:center;background-repeat:no-repeat;background-size:100% 100%;background-origin:content-box}.result{height:20px;line-height:20px;margin:1.5rem auto}.input-box .btn{width:60px;height:30px;line-height:30px;border-radius:3px;border:none;margin:0 0 0 20px;padding:0 8px;cursor:pointer}.input-box .btn:hover{background-image:linear-gradient(to top,#cfd9df,#e2ebf0);color:#333}.input-box .input{border:none;border-radius:3px;outline:none;height:30px;line-height:30px;padding:0 10px;background-color:#f0f0f0;-webkit-font-smoothing:antialiased}.input-box .input:hover{border:none;background-color:#fff}.input-box .input:focus{border:none;background-color:#fff}button{background-color:#30d336;color:#fff;padding:14px 20px;margin:8px 0;border:none;cursor:pointer;width:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Lato,sans-serif}.home,.reports,.products{display:flex;height:90vh;align-items:center;justify-content:center;font-size:3rem;background-color:#000;color:#fff}.navbar{background-color:#fff;height:80px;display:flex;justify-content:flex-start;align-items:center}.menu-bars{margin-left:2rem;font-size:2rem;background:none;color:#000}.nav-menu{background-color:#fff;width:250px;height:100vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s}.nav-menu.active{left:0;transition:.45s}.nav-text{display:flex;justify-content:flex-start;align-items:center;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text a{text-decoration:none;color:#151414;font-size:18px;width:95%;height:100%;display:flex;align-items:center;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#000;color:#fff}.nav-menu-items{width:100%}.navbar-toggle{background-color:#fff;width:80%;height:80px;display:flex;justify-content:flex-start;align-items:center}span{margin-left:16px}.fund-search-grid{display:flex;flex-direction:column;flex:1 1 1;gap:1rem}.fund-search-grid div{width:100%}.fund-search-grid .fund-search-input{padding:.5rem;font-size:1rem}.fund-search-grid .fund-search-results{padding:1rem}.fund-search-grid .fund-search-results .fund-search-result{padding:.5rem;border-bottom:1px solid #ccc}.fund-search-result.selected{background-color:#aa2929}.portfolio-content-page{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;width:100%}.create-portfolio{display:flex;flex-direction:row;justify-content:center;flex:1 1 1;width:100%}.create-portfolio div{width:100%}.selected-items{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px;flex:1 1 1}.selected-item{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:4px;flex:1 1 1;width:100%}.selected-item-label{flex:1 1 4}.selected-item-actions{flex:1 1 1}.row-button{flex:1 1 auto}.create-portfolio-actions{display:flex;width:100%;flex-direction:row;justify-content:end;align-items:center;margin:10px}.action-area{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px}.portfolio-details{padding:50px 0}.portfolio-details .title{font-size:36px;font-weight:700;margin-bottom:10px;text-align:left}.portfolio-details .funds{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:start;align-items:start}.portfolio-details .funds .fund{width:auto;height:auto;display:flex;flex-direction:column;justify-content:start;align-items:start;margin:20px;padding:20px;border:1px solid #000;border-radius:10px;box-shadow:0 0 10px #0000001a}.chart-container{position:relative;width:100%;height:300px;box-sizing:border-box;padding:10px;background-color:#fff}.chart-lander{width:100%;height:100%}.portfolio-list-page{height:100%;width:100%}.portfolio-list-page .title{font-size:36px;font-weight:700;margin-bottom:10px;text-align:left}.portfolio-list-page .portfolios{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:start;align-items:start}