*{padding:0;margin:0;border:0;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;font-family:sans-serif}::-webkit-scrollbar{width:0}.App{height:100vh;width:100vw;background:-webkit-linear-gradient(60deg,#1e1e1e 70%,#454545 90%);background:linear-gradient(30deg,#1e1e1e 70%,#454545 90%);justify-content:center;align-items:center}.App,.App .boards{display:flex;flex-direction:row}.App .boards{overflow:hidden;max-width:1300px;min-width:750px;width:80%;height:60%;justify-content:space-between}.App .boards .left-board,.App .boards .right-board{width:47%;border-radius:30px;background-color:#000}.App .boards .left-board{position:relative;overflow-y:scroll}.App .boards .left-board .error{color:#ddd;position:relative;top:20px;left:20px}.App .boards .left-board .loading{color:#ddd;position:absolute;left:50px;bottom:50px;font-size:50px;font-weight:600}.App .boards .right-board{display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.App .boards .right-board .icon-phone{background-color:tomato;height:200px;width:200px;border-radius:500px;display:flex;justify-content:center;align-items:center}.App .boards .right-board .icon-phone img{height:50%}.Header{position:-webkit-sticky;position:sticky;top:0;height:100px;background-color:tomato;display:flex;flex-direction:row;padding:20px;box-sizing:border-box}.Header input{background-color:transparent;color:#454545;height:30px;width:50%;min-width:300px;position:absolute;bottom:10px;font-size:20px;border-bottom:1px solid #454545;outline:none}.Header .search-fields button{height:20px;padding:3px 10px;border-radius:10px;margin-right:10px;font-weight:600;outline:none}.Header .search-fields button:hover{cursor:pointer;color:tomato}.ResultList .no-matches{color:#fff;position:relative;top:20px;left:20px}.Result{height:30px;color:#d9d9d9;color:#fff;font-weight:600;padding-top:7px;padding-left:20px;box-sizing:border-box;-webkit-transition:.1s linear;transition:.1s linear}.Result:hover{cursor:pointer;background:rgba(255,99,71,.8)}.Result.active{background-color:tomato}.PhoneDetails{height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.PhoneDetails .brand{position:relative;top:30px;font-size:80px;color:tomato;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-transform:scaleY(2);transform:scaleY(2)}.PhoneDetails .name{position:relative;top:100px;color:#fff;font-size:20px}.PhoneDetails .specs{margin-top:50%;color:#fff;height:40%;width:100%;display:flex;flex-direction:column;align-items:center}.PhoneDetails .specs .title{font-weight:600;margin-bottom:5px}.PhoneDetails .specs .topic{font-size:20px;margin-bottom:10px}
/*# sourceMappingURL=main.c3776835.chunk.css.map */