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}.banner{background-image:url(/static/media/cover.b1d8f22e.jpg);background-color:rgba(0,0,0,.266);background-blend-mode:darken;background-position:70%;background-size:cover;height:80vh;position:relative;object-fit:contain}.banner__content{padding:20% 10% 0;color:#fff;font-weight:bolder}.banner__content>h2{font-size:40px}.banner__content>h5{width:50vh;padding-bottom:10px}.banner__content button{background-color:#f2f2f2;padding:10px;border:0;border-radius:8px;color:#000;cursor:pointer;outline:0;font-size:15px;font-weight:700}.banner__content button:active{transform:scale(.98)}.banner__content button:hover{background-color:hsla(0,0%,74.9%,.9)}@media (max-width:700px){.banner{position:relative;object-fit:contain;text-align:center}.banner__content>h2{font-size:40px}.banner__content>h5{text-align:center;width:100%;padding-bottom:10px}}.Nav{color:#fff!important;transition:all .1s linear;position:fixed;z-index:2;padding:20px}.Nav__black{transition:all .5s ease-in;z-index:2;background:#fff;width:100%;border-bottom:1px solid #ddd;color:#000}.Nav span{color:#fff;display:flex}.Nav__black span{color:#ff385c}svg{margin-left:25px;margin-top:4px}@media (max-width:751px){span h2{display:none}}.ranger{padding:3px;position:absolute;top:70px;left:32%}.ranger label{position:absolute;padding:12.3px;background-color:#fafafa;cursor:pointer;width:156px}.ranger__input{width:110px;border:0;outline:0;font-size:20px;font-family:sans-serif;background-color:#fafafa;margin-right:7px}.ranger button{width:20px}@media (max-width:751px){.ranger{padding:3px;position:absolute;top:70px;left:8.8%}}@media (max-width:519px){.ranger{padding:3px;position:absolute;top:65px;left:15%}.ranger label{top:95%;left:3px;width:98%}}@media (max-width:425px){.ranger{padding:3px;position:absolute;top:63px;left:6%}.ranger label{top:95%;left:3px;width:98%}}.header{display:flex}.header button{margin-left:55px;background-color:#fff;padding:15px;border:2px solid #ddd;border-radius:50px;color:#000;cursor:pointer;outline:0;font-size:15px;font-weight:700;width:480px}.header__text{margin-right:280px;opacity:.6;font-weight:400}.mobile__icon,.mobile__text{display:none}.footer{background-color:#f7f7f7;color:rgba(0,0,0,.8);text-align:center;width:100%;padding:3%;opacity:.9;margin-top:80px;border-top:1px solid #ddd!important}.svglogo{position:relative;top:.7vh}span h2{font-family:cursive;margin-left:5px;font-weight:400;margin-top:7px}.header__icon{display:flex;top:9px;left:10%;position:relative;cursor:pointer}.header__icon svg{margin-top:3px}@media (max-width:1064px){.header__icon{left:2%;position:none}}@media (max-width:952px){.header__icon h3{display:none}.header button{width:57vw;padding:2%}}@media (max-width:751px){.header button{margin-left:16px;border:2px solid #ddd;border-radius:50px;color:#000;cursor:pointer;outline:0;font-size:15px;font-weight:700;width:60vw;padding:2%}.header__text{display:none}.mobile__text{position:relative;display:block;margin-right:0;opacity:.6;font-weight:400}.mobile__text svg{position:relative;left:-20px;margin-right:3%}.mobile__text i{position:relative;left:-20px;bottom:4.9px;font-style:normal}.header__icon{display:none}.mobile__icon{cursor:pointer;display:block;top:10px;left:2%;position:relative;color:#ddd;transition:all .1s linear}.mobile__icon:hover{color:#ff385c}}@media (max-width:440px){.mobile__icon{left:-4%}}*{padding:0;margin:0;box-sizing:border-box}.bighome{position:relative;padding:30px 0 0;background-color:#000;color:#fff}.bighome h2,.bighome p{padding-left:20px}.home__cont{display:flex;overflow-y:hidden;overflow-x:scroll}.contents{padding:15px;margin:0}.contents__list{margin:30px 5px 40px;width:100%;object-fit:cover;border-radius:15px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s}.test{background:red}.bigcontents__list{margin:30px 5px 40px;width:100%;object-fit:cover;border-radius:15px;cursor:pointer;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;background:#222}.contents__list:hover{transform:scale(1.029)}.content__des{padding:14px 16px;width:100%;height:100%}.bigcontents__list img,.contents__list img{border-radius:15px 15px 0 0}.home__cont::-webkit-scrollbar{display:none}.E__btn{position:absolute;bottom:8.5%;right:0;width:55%;margin:20px 1% 10px .5%;border:1px solid #ddd;cursor:pointer;border-radius:10px;padding:10px;font-weight:700;background-color:transparent;outline:0;transition:.2s ease-out;color:#fff;font-size:15px}.E__btn:hover{background-color:#d3d3d3;opacity:.9}@media (max-width:751px){.contents__list{width:300px}.bigcontents__list{width:400px}.bigcontents__list img{height:400px}.bighome{height:679px}.E__btn{position:relative;width:100px;margin:30px 0 0 25px}}.nav{top:-9px;box-shadow:0 1px 7px #dedede}.nav,.nav__logo{position:relative}.nav__logo{color:#ff385c;top:-22px;padding-left:4%;display:flex}.nav__header{display:flex;position:absolute;right:15%;top:18px}.nav__cont{display:flex;margin:10px;position:relative;top:1px;padding:10px}.nav__mobile{display:none}@media (max-width:746px){.nav,.nav__main{display:none}.nav__mobile{top:0;display:block;position:-webkit-sticky;position:sticky;width:100%;padding:20px;background:#fff;color:red;z-index:1;box-shadow:0 1px 7px #dedede}}.Head{background-color:red}.link{text-decoration:none;color:inherit}.result{margin:20px 0 20px 20px}.result>h4{font-weight:400;margin:6px}.result button{margin:20px 1% 0 .5%;border:1px solid #ddd;cursor:pointer;border-radius:50px;padding:12px;font-weight:700;background-color:transparent;outline:0;transition:.2s ease-out}.result button:hover{background-color:#ddd;opacity:.8}.resultcont{display:flex;position:relative;padding:8px 0 25px;margin:20px;cursor:pointer;border-bottom:1px solid #ddd}.resultcont img{position:relative;border-radius:10px}.resultcont h4{margin-top:-6px;color:#464646;font-weight:400}.resultcont__info{padding:0 0 0 2%}.resultcont__icon{position:absolute;top:0;right:0}.resultcont__price{position:absolute;bottom:30px;right:0;font-size:20px}.resultcont__star{color:red!important;font-size:25px;position:absolute;bottom:22px;left:37%;opacity:0}span{color:#000;font-weight:700}button{border:none}.resultcont__heart{width:100px;height:100px;position:absolute;top:-35px;right:0;background:url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;background-position:0 0;cursor:pointer;-webkit-animation:fave-heart 1s steps(28);animation:fave-heart 1s steps(28);border:0;outline:0}.marg{padding:20px}@media (max-width:751px){.resultcont img{width:100%;border-radius:10px;padding-bottom:10px}.resultcont{display:block}.resultcont__body{display:none}.resultcont__heart{top:-9px;right:-9px}.resultcont__price{position:relative;top:0;left:10px}.resultcont__star{display:relative;bottom:100px;left:0;margin:0 5px 3px}.resultcont__info{margin-top:25px}.resultcont img{margin-bottom:12px}.header button{margin-left:16px;border:2px solid #ddd;border-radius:50px;color:#000;cursor:pointer;outline:0;font-size:15px;font-weight:700;width:60vw;padding:2%}.header__text{display:none}.mobile__text{position:relative;display:block;margin-right:0;opacity:.6;font-weight:400}.mobile__text svg{position:relative;left:-20px;margin-right:3%}.mobile__text i{position:relative;left:-20px;bottom:4.9px;font-style:normal}.Head{display:none}}.items{position:relative;width:70%;margin:auto;font-family:serif}.test{background-color:inherit}.items h1{font-weight:700;padding:15px 0}.items h1,.items h2{opacity:.9}.items h4,.items img~h2+h4{font-weight:400;opacity:.9;padding:5px 0}.items img~h2+h4{font-size:20px}.items hr{width:70%;margin:17px 0;opacity:.4}.item__rating{position:relative;color:red;margin-bottom:20px}.item__rating i{color:#000;font-style:normal;font-weight:700}.item__rating i~i{font-family:sans-serif;margin:2px;color:#000;font-style:normal;color:#717171;cursor:pointer;text-decoration:underline}.items__img{border-radius:20px;padding-bottom:40px}.items__mobile{display:none}.items__icons,.items__wind{margin-left:-21px;display:flex}.items__btn{border:1px solid #000;padding:15px;font-weight:700;font-size:15px;margin:20px 2px;border-radius:10px;background-color:#fff;cursor:pointer;outline:0;transition:background-color .2s linear}.items__btn:hover{background-color:rgba(0,0,0,.04)}.items__wind{position:-webkit-sticky;position:sticky;top:100px;margin-left:80%;width:35%;margin-bottom:-30px}.items__winds{display:none}hr~h3{font-weight:400;opacity:.99;letter-spacing:1px}hr~h3,hr~h3~h3{width:70%;padding:15px 0}hr~h3~h3{font-weight:700;letter-spacing:0;text-decoration:underline;cursor:pointer}.items__heart{width:80px;height:80px;position:absolute;right:10%;top:2%;background:url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;background-position:0 0;cursor:pointer;-webkit-animation:fave-heart 1s steps(28);animation:fave-heart 1s steps(28);border:0;outline:0;z-index:10}.heart{background-position:-2800px 0;transition:background 1s steps(28)}@media (max-width:746px){.items{position:relative;width:100%}.items__img{display:none}.items__wind{display:none;margin:auto}.test{margin-left:5%}.items__mobile{display:block;position:flex;top:0;width:100%}.items__btn{width:95%}.items hr{width:96%}hr~h3{width:90%}.mobile__svg{position:absolute;right:40px}.items__heart{top:20px;right:0}hr{display:block}.items__winds{width:100%;display:flex}}
/*# sourceMappingURL=main.d8b4458d.chunk.css.map */