*{box-sizing:border-box}body,html{background-color:#00545f}h1,h2,h3,h4,h5,p{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.home{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.home img{height:110px;width:280px}.search{display:-webkit-flex;display:flex;height:450px;width:850px;margin:30px;border-radius:10px;background-color:#fff;box-shadow:0 0 1.5em #000}.display{height:100%;width:50%;border-radius:10px 0 0 10px;background-color:#526e2d;-webkit-flex-direction:column;flex-direction:column;padding-bottom:20px}.display,.img-display{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.img-display{height:200px;width:200px;background-color:#fff;border:4px solid #2f4f4f;border-radius:15px;overflow:hidden}.img-border{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;height:230px;width:230px;background-color:#d3d3d3;border-radius:10px;margin:20px}.img-border img{width:200px;height:200px}input{height:45px;width:300px;border-radius:50px;border:2px solid #2f4f4f;transition:.25s;padding-left:15px;padding-right:0;color:#526e2d;font-size:20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600}input::-webkit-input-placeholder{-webkit-transition:.25s;transition:.25s;color:#526e2d}input:-ms-input-placeholder{-ms-transition:.25s;transition:.25s;color:#526e2d}input::placeholder{transition:.25s;color:#526e2d}input:focus{background-color:#ececec;outline:none}.search-area{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.search-area .search-button{width:45px;height:45px;border-radius:50%;margin:5px;transition:.5s}.search-img{position:relative;right:2px;top:-3px;display:inline-block;background:transparent;border-radius:20px;height:15px;width:15px;border:2px solid #526e2d}.search-img:after{content:"";height:2px;width:8px;background:#526e2d;position:absolute;top:12px;left:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.button{height:40px;width:200px;background-color:#fff;border:2px solid #2f4f4f;border-radius:50px;font-size:20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#526e2d;transition:.5s;margin:10px;cursor:pointer}.button:active,.button:hover{background-color:#d3d3d3}.favorites-button{width:140px;margin-right:0}.info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;width:50%;border-radius:0 10px 10px 0;padding:15px 30px;transition:.5s}.info h3{font-size:20px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#526e2d}.info-text{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.info-text h4{font-size:18px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#789;margin:2px 0 0 10px}.button-container{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.info .add-button{width:250px;margin-top:15px}.parent-favorites{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;top:148px;overflow:hidden}.favorites-container,.parent-favorites{height:450px;width:850px;position:absolute}.favorites-container{pointer-events:all;top:500px;z-index:99;border-radius:10px;background-color:#32abc7;overflow:auto;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes appear{0%{top:500px}to{top:0}}@keyframes appear{0%{top:500px}to{top:0}}@-webkit-keyframes disappear{0%{top:0}to{top:500px}}@keyframes disappear{0%{top:0}to{top:500px}}.favorites-header{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#d1d94a;height:70px;top:0;margin-bottom:10px;cursor:pointer;transition:.5s}.favorites-header:focus,.favorites-header:hover{background-color:#b9c03c}.favorites-container .title{margin-left:20px;margin-top:20px;font-size:25px;color:#2f4f4f;font-weight:600;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.favorites-list{display:grid;grid-template-columns:repeat(5,150px);grid-gap:15px;gap:15px;grid-auto-columns:150px;grid-auto-rows:150px;margin:20px}.favorites-card,.favorites-list{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.favorites-card{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:150px;height:150px;background-color:#d1d94a;border-radius:15px}.favorites-card .remove{pointer-events:all;position:relative;height:13px;width:13px;top:-145px;left:60px}.favorites-card .favorites-image{margin-top:30px;width:90px;height:90px;border-radius:10px;border:2px solid #2f4f4f}.info-list{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:50px;width:150px}.info-list h4{text-align:center;font-size:16px;margin-top:16px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#2f4f4f}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#27889e}::-webkit-scrollbar-thumb{background:#d1d94a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9fa533}.no-favorites{height:100%;width:100%;grid-column:2/5;grid-row:1/3;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.no-favorites img{height:240px;width:240px}.no-favorites h4{text-align:center;font-size:22px;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-weight:600;color:#fff}@media only screen and (min-width:710px) and (max-width:1038px){body{zoom:.8}}@media only screen and (min-width:545px) and (max-width:710px){body{zoom:.6}}@media only screen and (min-width:400px) and (max-width:545px){body{zoom:.45}.no-favorites{grid-column:1/4;grid-row:1/3}.search{height:800px}.search .info .info-text h3{font-size:26px}.search .info .info-text h4{font-size:24px}.display{zoom:1.1}.parent-favorites{height:800px}.favorites-container{height:800px;top:900px}.favorites-container .favorites-list{height:690px;grid-template-columns:repeat(3,250px);padding-top:40px;grid-row-gap:110px;row-gap:110px}.favorites-container .favorites-list .favorites-card{zoom:1.5}@-webkit-keyframes appear{0%{top:900px}to{top:0}}@keyframes appear{0%{top:900px}to{top:0}}@-webkit-keyframes disappear{0%{top:0}to{top:900px}}@keyframes disappear{0%{top:0}to{top:900px}}}@media only screen and (min-width:320px) and (max-width:400px){body{zoom:.45}.no-favorites{grid-column:1/4;grid-row:1/3}.search{height:800px;width:650px}.search .display .button-container,.search .display .search-area{zoom:.85}.favorites-container,.parent-favorites{height:800px;width:650px}.favorites-container{top:900px}.favorites-container .favorites-list{height:690px;grid-template-columns:repeat(3,195px);padding-top:30px;grid-row-gap:70px;row-gap:70px}.favorites-container .favorites-list .favorites-card{zoom:1.3}@-webkit-keyframes appear{0%{top:900px}to{top:0}}@keyframes appear{0%{top:900px}to{top:0}}@-webkit-keyframes disappear{0%{top:0}to{top:900px}}@keyframes disappear{0%{top:0}to{top:900px}}}
/*# sourceMappingURL=main.4cb6345f.chunk.css.map */