.header{height:20vh;position:relative}@media only screen and (max-width:56.25em){.header{height:10vh}}.header__text-box{position:absolute;top:20%;left:50%;transform:translate(-50%)}@media only screen and (max-width:56.25em){.header__text-box{top:10%;transform:translate(-50%,-10%)}}.header__text-box h1{letter-spacing:5px;font-size:5rem}.header__text-box__title--main{color:#55c57a}.header__text-box__title--sub{color:#777}.section-search{height:27.5vh;padding:2rem 0}@media only screen and (max-width:56.25em){.section-search{height:25vh}}.form-control{text-align:center}.form-control__form{padding:.5rem}.form-control__form__input{width:50vw;height:5rem;border-radius:.5rem;border:1px solid #999;font-size:3rem;padding:0 1rem;color:#777}.form-control__form__input:focus{outline:none;box-shadow:0 0 .5rem .1rem #ffb900;border:1px solid #ffb900}@media only screen and (max-width:56.25em){.form-control__form__input{width:70vw}}.form-control__hint{position:absolute;right:25%;font-size:1.5rem;color:#999}@media only screen and (max-width:56.25em){.form-control__hint{right:15%}}.filter-control{text-align:center;padding:3rem 0}.filter-control__button-filter{background-color:transparent;border:2px solid #ffb900;color:#ffb900}.filter-control__button-filter--selected,.filter-control__button-filter:hover{background-color:#ffb900;color:#fff}.filter-control__button-filter:focus{outline:none}.image-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(27rem,1fr));grid-gap:0 10px;grid-auto-rows:10px;grid-auto-columns:50px;text-align:center}.image-list img{width:27rem}.gif_player{margin:1rem;cursor:pointer}.gif_player .gif-image{border:2px solid #777;border-radius:.5rem}.gif_player .playing{border:3px solid #ffb900}.pagination{height:5vh;margin:5rem auto 2rem;display:table}.pagination ul{background-color:#ffb900;padding-bottom:.5rem;border-radius:.5rem}.pagination__number{display:inline;margin:auto 2rem;list-style:none;color:#777;font-size:2rem;cursor:pointer}.pagination .active{color:#fff;font-weight:bolder}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (min-width:112.5em){html{font-size:75%}}body{box-sizing:border-box}button{padding:.8rem 2rem;margin:.8rem;border-radius:.5rem;border:2px solid #999;background-color:transparent;color:#999;cursor:pointer;letter-spacing:.1rem}body{font-family:Lato,sans-serif;font-weight:400;line-height:1.7;color:#777}code{background-color:#7ed56f;padding:.2rem .5rem;color:#fff;border-radius:.3rem}.u-center-text{text-align:center}.u-uppercase-text{text-transform:uppercase}.state-box{text-align:center}.state-box img{width:30%}.state-box h1{font-size:2rem;color:#999}
/*# sourceMappingURL=main.68faff10.chunk.css.map */