@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);body{margin:0;padding:0;font-family:sans-serif}html{overflow-y:scroll}:root{--increase-color:#006400;--decrease-color:red;--side-padding:10%}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style-type:none;font-family:Roboto,sans-serif}a{text-decoration:none;color:inherit}.container{padding:20px var(--side-padding);display:grid;grid-template-columns:auto;grid-gap:40px}.user{padding:10px 10px 0;border:1px solid #000;border-radius:5px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.user:hover{-webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.75);box-shadow:3px 3px 5px 0 rgba(0,0,0,.75)}.user>*{margin-bottom:15px}.user>*>*{margin-bottom:3px}.user .col{display:1;font-size:120%;-ms-flex-pack:center;justify-content:center;width:32%}.col img,.user .col{-ms-flex-align:center;align-items:center}.col img{margin-right:5px}.user{font-weight:500;display:-ms-flexbox;display:flex}.increase{color:var(--increase-color)}.decrease{color:var(--decrease-color)}.buttons{padding:20px var(--side-padding);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.buttons button{padding:10px 30px;border-radius:3px;margin-left:20px}.load-more{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;font-size:90%;grid-column:1/-1}.title{font-size:90%;padding-left:var(--side-padding)}.load-more:hover{text-decoration:underline;cursor:pointer}.input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:40%}.input>*{-ms-flex:1 1;flex:1 1}@media (max-width:1300px){:root{--side-padding:30px}}@media (max-width:1075px){:root{--side-padding:15px}}@media (max-width:1000px){.container{grid-template-columns:repeat(3,1fr);grid-gap:30px}.input{width:30%}}@media (max-width:740px){.container{grid-template-columns:repeat(2,1fr)}.buttons{-ms-flex-direction:column;flex-direction:column}.input{margin-bottom:20px;width:100%;height:40px}.sort-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.buttons button{margin-left:0;padding:10px}}@media (max-width:490px){.container{grid-template-columns:1fr}}.frame{top:50%;left:50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;border-radius:2px}.center,.frame{position:absolute}.center{width:220px;height:220px;top:90px;left:90px}.dot-1{z-index:3;width:30px;height:30px;top:95px;left:95px;background:#99e699;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-1 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-1 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}.dot-1,.dot-2{position:absolute;border-radius:50%}.dot-2{z-index:2;width:60px;height:60px;top:80px;left:80px;background:#d6f5d6;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-2 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-2 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}.dot-3{position:absolute;z-index:1;width:90px;height:90px;top:65px;left:65px;background:#eafaea;border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:jump-jump-3 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;animation:jump-jump-3 2s cubic-bezier(.21,.98,.6,.99) infinite alternate}@-webkit-keyframes jump-jump-1{0%,70%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-1{0%,70%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jump-jump-2{0%,40%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-2{0%,40%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jump-jump-3{0%,10%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}@keyframes jump-jump-3{0%,10%{-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);box-shadow:2px 2px 3px 2px rgba(0,0,0,.2);-webkit-transform:scale(0);transform:scale(0)}to{-webkit-box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);box-shadow:10px 10px 15px 0 rgba(0,0,0,.3);-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.83b07201.css.map*/