@import url(https://fonts.googleapis.com/css?family=Raleway:600,700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{margin:0;padding:0;box-sizing:inherit}body,html{height:100%}html{font-size:62.5%}body{box-sizing:border-box;font-size:1.6rem}.writing{stroke:F1595F;fill:none;-webkit-animation:write 1s ease-out 0s 1 forwards;animation:write 1s ease-out 0s 1 forwards}@-webkit-keyframes write{to{stroke-dashoffset:0}}@keyframes write{to{stroke-dashoffset:0}}body{font-family:Lato,sans-serif;font-weight:400;line-height:1.7;color:#777}.u-center-text{text-align:center}.u-is-disabled{color:currentColor;cursor:not-allowed;opacity:.5;text-decoration:none}.u-display-none{display:none}.u-margin-bottom-big{margin-bottom:8rem}.u-margin-bottom-medium{margin-bottom:4rem}.u-margin-bottom-small{margin-bottom:1.5rem}.u-margin-top-big{margin-top:8rem}.u-margin-top-medium{margin-top:4rem}.u-margin-top-small{margin-top:1.5rem}.u-padding-bottom-big{padding-bottom:8rem}.u-padding-bottom-medium{padding-bottom:4rem}.u-padding-bottom-small{padding-bottom:1.5rem}.u-padding-top-big{padding-top:8rem}.u-padding-top-medium{padding-top:4rem}.u-padding-top-small{padding-top:1.5rem}.input{outline:0;border:1px solid #f7f7f7;border-bottom:3px solid #f1595f;background-color:#f2f2f2;font-size:1.5rem;text-transform:uppercase;color:#f1595f;letter-spacing:2px}.input::-webkit-input-placeholder{font-size:1.5rem;text-transform:none}.input::-moz-placeholder{font-size:1.5rem;text-transform:none}.input:-ms-input-placeholder{font-size:1.5rem;text-transform:none}.input::-ms-input-placeholder{font-size:1.5rem;text-transform:none}.input::placeholder{font-size:1.5rem;text-transform:none}.select{outline:0;border:1px solid #f7f7f7;border-bottom:3px solid #f1595f;background-color:#f2f2f2;font-size:1.5rem;font-family:Lato,sans-serif;font-weight:400;line-height:1.7;color:#777}.button{background-color:#307a86;color:#fff;text-decoration:none;border-radius:2px}.tag{background-color:#f1595f;color:#fff;padding:3px 5px;margin:0 3px;border-radius:2rem}.search-card{position:relative;height:10rem;border:1px solid #ced1cc;border-radius:5px;z-index:0;margin-bottom:1rem;box-shadow:0 3px 5px -2px hsla(0,0%,58.8%,.5);display:flex}.search-card-haircolor{width:1.5rem;height:100%;background-color:#00f}.search-card-info{padding-left:5px}.search-card-info-name{color:#777;font-size:2rem;font-weight:600}@media screen and (min-width:768px){.search-card-info-name{font-size:2.5rem}}.search-card-info-age span{color:#307a86;font-size:2rem;font-weight:700}.search-card-heart{position:absolute;right:0;top:0;font-size:5rem;padding-right:1rem;z-index:100;cursor:pointer;width:6rem}.header{height:5rem;background-color:#f1595f;text-align:center}.header-container{height:100%;width:100%;max-width:90rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 1rem}.header-container span{color:hsla(0,0%,100%,.678);font-size:2rem;font-weight:700;font-family:Raleway,sans-serif}@media screen and (min-width:768px){.header-container span{font-size:2.5rem}}.header-container img{height:3rem;cursor:pointer}.header-container div,.header-container div a{display:flex;align-items:center}.header-container-exit{padding-left:5px;margin-left:5px;border-left:1px solid hsla(0,0%,100%,.478)}.homepage{width:100%;height:calc(100vh - 5rem);background-color:#f7f7f7}.homepage-container{width:100%;height:100%;max-width:90rem;margin:0 auto;background-color:#fff}.homepage-container .homepage-searchbox{padding:2rem;width:100%;border-bottom:1px solid #ced1cc;box-shadow:0 3px 5px -2px hsla(0,0%,58.8%,.5);position:relative}.homepage-container .homepage-searchbox .triangle{display:block;height:0;width:0;border:14px solid transparent;border-top-color:#fff;position:absolute;bottom:-28px;left:calc(50% - 20px)}.homepage-container .homepage-searchbox .triangle:after{content:"";position:absolute;bottom:-5px;left:calc(50% - 14px);width:0;height:0;box-sizing:border-box;border-color:transparent transparent #fff #fff;border-style:solid;border-width:10px;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);box-shadow:-3px 3px 3px 0 hsla(0,0%,58.8%,.4)}.homepage-container .homepage-searchbox-name{width:100%;height:3rem}.homepage-container .homepage-searchbox div{width:100%;display:flex;justify-content:space-between}@media screen and (min-width:768px){.homepage-container .homepage-searchbox div{width:45%}}.homepage-container .homepage-searchbox div input{width:7rem;height:3rem}.homepage-container .homepage-searchbox div select{width:12rem;height:3rem}.homepage-container .homepage-searchbox div span{border-left:1px dashed #ced1cc}.homepage-container .homepage-searchbox a{display:inline-block;width:7rem;height:3rem;font-size:1.5rem;text-align:center;line-height:3rem;vertical-align:middle}.homepage-container .homepage-resultbody{padding:0 1rem}.homepage-container .homepage-pagination{display:flex;justify-content:center}.homepage-container .homepage-pagination a{margin:0 5px;display:inline-block;width:2.5rem;height:2.5rem;text-align:center}.homepage-empty{height:auto;justify-content:center;align-items:center;font-size:2rem;display:flex;flex-direction:column}.homepage-empty span{color:#f1595f;font-weight:900}@media screen and (min-width:768px){.homepage-empty{font-size:3rem}}.gnomedetail{width:100%;height:calc(100vh - 5rem);background-color:#f7f7f7}.gnomedetail img{max-height:20rem}@media screen and (min-width:768px){.gnomedetail img{max-height:40rem}}.gnomedetail-container{width:100%;height:100%;max-width:90rem;margin:0 auto;background-color:#fff;position:relative;flex-direction:column;display:flex;align-items:center}.gnomedetail-container h1{height:5rem;font-size:2.5rem;text-align:center;text-decoration:underline;color:#777}.gnomedetail-container .back-button{width:6rem;height:3rem;border-radius:10rem;background-color:rgba(48,122,134,.7);position:absolute;top:-4rem;left:0;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.5rem;font-weight:600;box-shadow:0 3px 5px -2px hsla(0,0%,58.8%,.5);-webkit-transition:all .5s linear;transition:all .5s linear;cursor:pointer}.gnomedetail-container .back-button:hover{background-color:#307a86}.gnomedetail-container .gnomedetail-card{position:relative;width:90%;border:1px solid #ced1cc;border-radius:5px;box-shadow:0 3px 5px -2px hsla(0,0%,58.8%,.5)}.gnomedetail-container .gnomedetail-card-image{text-align:center;background-color:#f7f7f7;padding-top:1rem}.gnomedetail-container .gnomedetail-card-name{height:4rem;background-color:#307a86;color:hsla(0,0%,100%,.678);font-size:2.5rem;font-weight:700;font-family:Raleway,sans-serif;text-align:center}.gnomedetail-container .gnomedetail-card-age{display:flex;background-color:#f7f7f7;justify-content:center}.gnomedetail-container .gnomedetail-card-age p{padding:0 5px}.gnomedetail-container .gnomedetail-card-age p:not(:last-child){border-right:1px solid #f1595f}.gnomedetail-container .gnomedetail-card-age p span{color:#307a86;font-weight:bolder}.gnomedetail-container .gnomedetail-card-friends,.gnomedetail-container .gnomedetail-card-professions{margin-left:5px}.gnomedetail-container .gnomedetail-card-friends h2,.gnomedetail-container .gnomedetail-card-professions h2{color:#f1595f;font-size:2rem;text-align:center}.gnomedetail-container .gnomedetail-card-friends p,.gnomedetail-container .gnomedetail-card-professions p{text-align:center}.gnomedetail-container .gnomedetail-card-tagbody{display:flex;flex-wrap:wrap;justify-content:center;max-width:40rem;margin:0 auto}@media screen and (min-width:768px){.gnomedetail-container .gnomedetail-card-tagbody{max-height:35rem}}.gnomedetail-container .gnomedetail-card-tagbody span{background:-webkit-gradient(linear,right top,left top,from(#f2709c),to(#ff9472));background:-webkit-linear-gradient(right,#f2709c,#ff9472);background:linear-gradient(270deg,#f2709c,#ff9472);color:#fff;padding:2px 5px;margin:2px 3px;border-radius:1.5rem}.favorites-searchbox h1{text-align:center;font-size:2rem}.favorites-searchbox h1 span{color:#f1595f}@media screen and (min-width:768px){.favorites-searchbox h1{font-size:3rem}}.favorites-searchbox h2{text-align:center;font-size:1.5rem}.favorites-searchbox h2 span{color:#f1595f}.back{padding:3px 1rem;border-radius:2rem;box-shadow:0 8px 10px rgba(0,0,0,.2)}@media screen and (min-width:768px){.back{font-size:2rem}}.notfound{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#eee}.notfound img{width:90%}@media screen and (min-width:768px){.notfound img{width:70%}}.welcomepage{width:100vw;height:100vh;background-color:#f1595f;display:flex;justify-content:center}.welcomepage-container{width:100%;height:100%;max-width:80rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.welcomepage-container-message{background-color:#fff;width:30rem;height:15rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:2rem;position:relative}.welcomepage-container-message-name{color:rgba(241,89,95,.8);font-size:3rem;font-weight:700;font-family:Raleway,sans-serif}.welcomepage-container-message span{color:rgba(241,89,95,.8);font-size:1.7rem;font-weight:700}.welcomepage-container-message .triangle{display:block;height:0;width:0;border:14px solid transparent;border-top-color:#fff;position:absolute;bottom:-28px;left:calc(50% - 20px)}@media screen and (min-width:768px){.welcomepage-container-message{width:50rem}}.welcomepage-container form{display:flex;flex-direction:column;width:80%}.welcomepage-container form input{background-color:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-bottom:3px solid #fff;height:4rem;color:#fff}.welcomepage-container form input::-webkit-input-placeholder{color:#fff}.welcomepage-container form input::-moz-placeholder{color:#fff}.welcomepage-container form input:-ms-input-placeholder{color:#fff}.welcomepage-container form input::-ms-input-placeholder{color:#fff}.welcomepage-container form input::placeholder{color:#fff}.welcomepage-container form button{border:none;height:3rem;color:#f1595f;background-color:#fff;border-radius:2rem;text-transform:uppercase;font-size:1.5rem;font-weight:bolder}@media screen and (min-width:768px){.welcomepage-container form{width:60%}}.welcomepage-container .jump{color:#fff;text-decoration:none}.welcomepage-container .jump:hover{text-decoration:underline}.welcomepage-container img{width:15rem}
/*# sourceMappingURL=main.91184098.chunk.css.map */