.landing-page{align-items:center;display:flex;flex-direction:column;height:-webkit-fill-available;overflow:hidden}.landing-page h1{font-size:3rem}.landing-page-container{align-items:center;display:flex;flex-direction:column;height:-webkit-fill-available;justify-content:space-evenly;margin:0 50px;width:-webkit-fill-available}.landing-logo-link{position:relative;-webkit-transform:scale(50%);transform:scale(50%)}.landing-logo-img{opacity:.9}.landing-logo-name{font-family:Amatic SC,cursive;font-size:13rem;left:140px;position:absolute;text-align:center;top:90px}#background-video{background-color:#000;bottom:0;height:100vh;left:0;object-fit:cover;opacity:.7;position:fixed;right:0;top:0;width:100vw;z-index:-1}.navBar{align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);display:flex;font-family:Amatic SC,cursive;justify-content:space-between;margin-bottom:10px;max-height:100px;width:100%;z-index:800}.logo{display:none;position:relative;text-align:center;z-index:1}.logo-bg{border-radius:50%;height:150px;margin-left:40px;padding:10px;width:150px;z-index:2}.logo-name{font-size:3rem;margin-left:85px;margin-top:32px;z-index:50}.logo-name,.nav-logo-img{left:0;position:absolute;top:0}.nav-logo-img{height:150px;margin-left:50px;margin-top:7px}@media (prefers-reduced-motion:no-preference){.logo-img{-webkit-animation:App-logo-spin 130s linear infinite;animation:App-logo-spin 130s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-buttons{font-size:2rem;margin-right:0;width:-webkit-fill-available}.buttons,.nav-buttons{align-items:flex-end;display:flex;height:100px;justify-content:center}.buttons{margin-right:20px;position:relative;width:75px}.buttons p{text-align:center;transition:all .2s;z-index:990}.relleno{height:0;position:absolute;top:0;transition:all .15s ease-in;width:75px}.active .relleno,.buttons:hover .relleno{height:120px}.active p,.buttons:hover p{color:#191919;font-weight:600;margin-bottom:10px}.filters{color:#fffdde;font-size:1.2rem;height:345px;justify-content:flex-start;position:relative;transition:all .5s}.filter-temps-box,.filters{display:flex;flex-direction:column}.filter-temps-box{align-items:flex-start;height:4.5rem}.temp-card{background-color:#fffdde;border-radius:5px;color:#464646;cursor:pointer;margin:2px;padding:.2rem 1.7rem .2rem .5rem;position:relative;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.temp-card:hover{background-color:#ccc}.temp-card:hover .close-button path{fill:brown}.filter-container{background:linear-gradient(0deg,#000,rgba(0,0,0,.3) 12%,rgba(0,0,0,.3) 88%,#000);border-bottom:2px dashed #fffdde;border-top:2px dashed #fffdde;display:flex;height:275px;justify-content:space-evenly;margin-bottom:50px;overflow:hidden;padding-top:20px;text-align:center}.filter-box{padding:.5rem;position:relative}.filters h2{opacity:0}.filter-box h3{font-size:1.4rem;margin-bottom:.8rem}.input{background-color:#fffdde;border:none;border-radius:4px;height:2rem;outline:none;padding-left:.5rem;width:184px}.input-plus{margin-bottom:2px}.search-button{background-color:transparent;cursor:pointer;position:absolute;right:3px;top:3px;-webkit-transform:scale(.55);transform:scale(.55)}.search-button path{fill:#464646}.button-asc{background-color:#fffdde;border:none;border-radius:4px;cursor:pointer;font-family:Neucha,cursive;font-size:1rem;font-weight:600;transition:all .2s;width:4.5rem}.button-asc:hover{background-color:#ccc}.button-asc:active{background-color:#e7fbbe}.button-reset{background-color:rgba(255,253,222,0);border:2px solid #fffdde;border-radius:4px;color:#fffdde;cursor:pointer;font-family:Neucha,cursive;font-size:1rem;transition:all .2s;width:4.5rem}.button-reset:hover{border:2px solid brown}.bottom-box{display:flex;justify-content:space-evenly;margin-top:1rem}.border-menu-button{background-color:#000;border:none;border-radius:0 0 25px 25px;bottom:-1px;display:flex;height:54px;justify-content:center;position:absolute;right:0;width:74px}.filters-switch{background-color:transparent;border:2px dashed #fffdde;border-radius:0 0 20px 20px;border-top:none;cursor:pointer;display:flex;height:3rem}.button-menu path{fill:#fffdde}.button-menu{-webkit-transform:scale(.7);transform:scale(.7)}.open{height:55px;transition:all .5s}.card{background-color:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,0);border-radius:10px;cursor:pointer;flex-direction:column;height:20rem;justify-content:space-between;margin:.25rem;padding:1rem;position:relative;text-decoration:none;transition:all .2s ease;width:10rem}.card,.dog-name-card{align-items:center;display:flex}.dog-name-card{font-size:1.2rem;height:50px;justify-content:center;text-align:center}.filter-option{align-items:flex-end;display:flex;height:21px}.temps-section{align-items:center;display:flex;flex-direction:column;height:88px;justify-content:center}.temps-section span{margin-bottom:3px}.cardTemps{align-content:center;display:flex;flex-wrap:wrap;justify-content:center;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}.tempTag{background-color:hsla(0,0%,49%,.7);border-radius:10px;height:1.2rem;margin:2px;padding-left:8px;padding-right:8px}.image,.tempTag{align-items:center;display:flex}.image{border-radius:5px;height:10rem;justify-content:center;width:10rem}.card:hover{border:1px solid hsla(0,0%,100%,.3);box-shadow:0 10px 20px #000;margin-top:-6px}.createdDog{left:0;position:absolute;top:0;-webkit-transform:scale(.5);transform:scale(.5)}.createdDog path{fill:#e7fbbe}.favedDog{position:absolute;right:0;top:0;-webkit-transform:scale(.5);transform:scale(.5)}.favedDog path{fill:#ffcbcb}.cardContainer{flex-direction:row;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:100px;padding-top:10px}.cardContainer,.pages-container{display:flex;justify-content:center}.pages-container{bottom:0;position:fixed;width:-webkit-fill-available}.pages{align-items:center;border-radius:10px 10px 0 0;display:flex;font-size:1.2rem;justify-content:center;padding:5px 10px 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page-button,.pages{background-color:rgba(0,0,0,.8)}.page-button{border:none;border-radius:4px;cursor:pointer;height:1.5rem;margin-left:5px;margin-right:5px;position:relative;transition:all .2s;width:1.5rem}.page-icon{left:-12px;position:absolute;top:-12px;-webkit-transform:scale(.55);transform:scale(.55)}.page-icon path{fill:#fff}.page-button:hover{background-color:rgba(70,70,70,.5)}.page-button:active{background-color:hsla(0,0%,71%,.5)}.pages-num-box{text-align:center;width:120px}.pages-nums{cursor:pointer;margin-left:10px;margin-right:10px}.pages-pages{margin-left:20px;pointer-events:none}.home{display:flex;flex-direction:column}.homeContainer{flex-direction:column;justify-content:space-between;justify-content:flex-start}.homeContainer,.loading{align-content:center;display:flex;width:-webkit-fill-available}.loading{align-items:center;justify-content:center}.loading img{-webkit-animation:Loading-img-spin 1s linear infinite;animation:Loading-img-spin 1s linear infinite}@-webkit-keyframes Loading-img-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes Loading-img-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home-top-bar,.results-page-box{align-items:center;color:#fffdde;display:flex;font-size:1.3rem;height:30px;justify-content:center;margin-bottom:5px;width:auto}.dpp-list{position:relative}.dpp-list,.total-results{margin-right:20px}.dpp-list select{-webkit-appearance:none;appearance:none;background-color:#fffdde;border:none;border-radius:4px;cursor:pointer;font-family:Neucha,cursive;font-size:1rem;height:2rem;margin-left:15px;outline:none;padding-left:.5rem;width:50px}.selectArrow{pointer-events:none;position:absolute;right:-10px;top:-8px;-webkit-transform:scale(.8);transform:scale(.8)}.selectArrow path{fill:#323232}.backtotop-button{background-color:rgba(0,0,0,.8);border-radius:50%;bottom:-60px;box-shadow:0 0 10px #ffcbcb;cursor:pointer;height:50px;position:absolute;right:30px;transition:all .3s ease-out;width:50px}.icon-up{-webkit-transform:scale(.5);transform:scale(.5)}.icon-up path{fill:#ffcbcb}.visible-btt{bottom:20px;transition:all .3s ease}.modal{align-items:center;background-color:rgba(0,0,0,.75);display:none;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100%;z-index:999}.modal-container{align-items:center;background-color:#2a2a2a;border-radius:10px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;min-height:250px;min-width:500px;position:relative}.modal.is-open{display:flex}.modal-container h1{font-size:2rem;margin-top:10px}.modal-container p{font-size:1.5rem}.dog-name{border-bottom:2px dashed #fff;color:#d2691e}.button-details{background-color:#ff8a37}.button-details,.button-ok{border:none;border-radius:8px;cursor:pointer;font-family:Neucha,cursive;font-size:1.1rem;font-weight:600;margin:10px;padding:5px 15px;transition:all .3s}.button-ok{background-color:#6ed4ff}.button-delete{background-color:#ff3737;border:none;border-radius:8px;cursor:pointer;font-family:Neucha,cursive;font-size:1.1rem;font-weight:600;margin:10px;padding:5px 15px;transition:all .3s}.button-ok:hover{background-color:#c7eeff}.button-details:hover{background-color:#ffc9a3}.button-delete:hover{background-color:#ff7373}.image-form-container{margin:20px;width:500px}.def-img-button{background-color:transparent;border:none;cursor:pointer;transition:all .2s ease}.def-img{height:150px;pointer-events:none}.selected-img{height:170px}.def-img-button:hover{background-color:#ffcbcb;border-radius:50%}.form-page{align-items:center;display:flex;flex-direction:column;height:-webkit-fill-available;justify-content:center;overflow-y:hidden}.form-title{font-family:Amatic SC,cursive;font-size:3rem;margin-bottom:2rem;position:relative}.icon-stars-form{left:-50px;position:absolute;top:0}.icon-stars-form path{fill:#e7fbbe}.form-box-container{align-items:center;border:2px dashed #fff;border-radius:10px;display:flex;flex-direction:column;font-size:1.2rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start;padding:50px 50px 100px;width:-webkit-fill-available}.border-form-container{background-color:rgba(0,0,0,.5);border-radius:20px 20px 20px 20px;overflow-y:scroll;padding:10px;width:-webkit-fill-available}.form-container{align-items:flex-end;position:relative}.form-container,.inputs-containers{display:flex;flex-direction:column}.inputs-container-a{margin-bottom:3rem;margin-right:0}.inputs-container-b{align-items:center;display:flex;flex-direction:column;position:relative;width:330px}.image-tag{left:0;position:absolute;top:15px}.form-image-selection{align-items:center;background-color:#252525;border:2px dashed #fffdde;border-radius:50%;cursor:pointer;display:flex;height:200px;justify-content:center;margin-bottom:40px;margin-top:20px;transition:all .5s;width:200px}.form-image-selection:hover{background-color:#363a3d}.inputs-container-b textarea{font-family:Neucha,cursive;font-size:1.2rem;height:122px;resize:none;width:320px}.form-box{border-radius:50%;height:5rem;padding-top:.5rem;position:relative}.form-box input{border:2px solid #fff;width:300px}.input:focus+label,.input:not(:placeholder-shown)+label{background-color:#fff;border-radius:4px 4px 0 0;color:#000;font-size:1rem;top:-6px}.form-box label{background-color:transparent;border-radius:4px 0 4px 0;color:#828282;font-size:1.2rem;left:0;padding-left:5px;padding-right:5px;pointer-events:none;position:absolute;top:8px;transition:all .2s ease}.error-message{padding-top:.5rem}.name-verfication{position:absolute;right:10px;top:3px}.icon{-webkit-transform:scale(.55);transform:scale(.55)}.cancel path{fill:brown}.check path{fill:#a1d043}.invalid-input{border:2px solid brown!important}.error-message{color:brown}.invalid{background-color:brown!important}.submit-container{bottom:-35px;cursor:pointer;position:relative}.submit-container input{background-color:transparent;border:none;color:#2c2c2c;cursor:pointer;font-family:Amatic SC,cursive;font-size:2rem;font-weight:600;height:4rem;position:absolute;right:18px;top:-3px;transition:.1s;width:70px;z-index:1}.submit-container img{cursor:pointer;height:4rem;left:0;top:0}.submit-container:hover input{color:#000;font-size:2.2rem}.submit-container:active input{font-size:1.9rem}.form-temps-box{align-items:flex-start;display:flex;flex-direction:column;height:4.5rem}.temp-card-form{background-color:#fffdde;border-radius:5px;color:#323232;cursor:pointer;margin:4px;padding:.2rem 1.7rem .2rem .5rem;position:relative;transition:all .2s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.close-button{background-color:transparent;pointer-events:none;position:absolute;right:15px;right:-10px;top:10px;top:-11px;-webkit-transform:scale(.35);transform:scale(.35)}.close-button path{fill:#969696}.temp-card-form:hover{background-color:#ccc}.temp-card-form:hover .close-button path{fill:brown}.details-page-container{height:-webkit-fill-available;justify-content:center;margin-top:50px;overflow-x:hidden;overflow-y:scroll}.ascii{text-align:center;white-space:pre-wrap}.ascii,.status-error-message{font-family:Courier New,Courier,monospace}.status-error-message{align-items:center;color:brown;display:flex;flex-direction:column;font-size:1.3rem;height:-webkit-fill-available;justify-content:center}.status-error-message span{cursor:pointer;font-size:1.4rem}.details-container{display:flex;flex-direction:row;justify-content:center;width:-webkit-fill-available}.background-details{background-color:rgba(0,0,0,.5);border-radius:28px;padding:10px;position:relative}.border-details-container{border:2px dashed #fffdde;border-radius:20px;padding:50px}.details-header{align-items:center;display:flex;flex-direction:row;font-size:4rem;justify-content:center;margin-bottom:50px;position:relative;transition:all .2s linear}.details-header h1{text-align:center;transition:all .2s linear}.details-body{align-items:center;display:flex;flex-direction:column;justify-content:center;width:-webkit-fill-available}.detail-image{max-height:450px;max-width:-webkit-fill-available}.desc-text{max-width:500px}.desc-text,.details{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.details{display:flex;flex-direction:column;font-size:1.5rem;justify-content:space-evenly;margin-right:50px;margin-top:1rem;width:-webkit-fill-available}.detail-element{margin-bottom:1rem}.icon-stars{left:30px;position:absolute;top:30px}.icon-stars path{fill:#e7fbbe}.details-buttons-container{left:24px;position:fixed;top:240px}.details-button{background-color:#000;border-radius:50%;cursor:pointer;height:50px;left:0;position:relative;top:0;transition:background-color 2s}.svg-icon{-webkit-transform:scale(.85);transform:scale(.85)}.details-button path{fill:hsla(0,0%,100%,.5)}.tooltip{background-color:rgba(0,0,0,.8);border-radius:8px;font-size:.9rem;margin-left:5px;margin-top:7px;opacity:0;padding:4px 8px;position:absolute;text-align:center;transition-delay:.3s;transition-property:visibility;visibility:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.details-button:hover span{opacity:1;visibility:visible}.back-button{top:0}.back-button:hover path{fill:#fff}.fav-button{box-shadow:0 0 5px 10px hsla(0,100%,84%,0);margin-bottom:10px;top:10px;transition:all .1s}.fav-button:hover path{fill:#ffacac}.fav-button:active{box-shadow:0 0 0 0 #ffacac;transition:.1s}.faved path{fill:#ffacac;transition:all 2s}.faved:hover path{fill:#7d7d7d}.svg-icon-fav{margin-top:3px;-webkit-transform:scale(.7);transform:scale(.7)}.delete-button{top:20px}.delete-button:hover path{fill:#ffacac}.edit-button{top:10px}.edit-button:hover path{fill:#c1bcf8}.edit-mode{display:flex;justify-content:center}.edit-form-cont{position:relative}.back-button-form,.edit-form-cont{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.back-button-form{left:25px;position:fixed;top:215px}.about-container{align-items:center;border-top:2px dashed #fffdde;display:flex;flex-direction:column;font-size:1.5rem;justify-content:center;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:50px 0 100px}.about-border{background-color:#fffdde;border-radius:25px;margin-top:50px;padding:5px}.about-box{align-items:center;border:2px dashed #000;border-radius:20px;color:#000;display:flex;flex-direction:column;justify-content:center;padding:20px;width:70vw}.about-box a{color:#000}.about-text{width:-webkit-fill-available}.about-text h1{font-size:1.6rem}.sent{margin:10px}.logos{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.logos img{height:100px;margin:20px}.adobe{display:flex}.container-favs-page{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:25px;padding-bottom:100px;width:-webkit-fill-available}.favs-buttons-box{align-items:flex-start;display:flex;flex-direction:row;height:2.5rem;justify-content:center;z-index:20}.favs-button-border{background-color:hsla(0,0%,46%,.3);border-radius:20px 20px 0 0;margin-right:10px;padding:4px 0 0}.button{background-color:transparent;border:none;border-radius:20px 20px 0 0;cursor:pointer;font-family:Neucha,cursive;font-size:1.4rem;min-height:25px;padding:10px 15px 0;transition:all .1s}.active-bg{background-color:#000;border-radius:30px 30px 0 0;padding:9px}.active-button{background-color:#000;border-left:2px dashed #fffdde;border-right:2px dashed #fffdde;border-top:2px dashed #fffdde;color:#fffdde;height:44px}.fav-box-border{background:linear-gradient(180deg,#000,rgba(0,0,0,.3) 20%,transparent);height:500px;padding:10px}.fav-box{border-top:2px dashed #fffdde;flex-wrap:wrap;justify-content:center;min-height:-webkit-fill-available;padding:50px 0 100px}.App,.fav-box{display:flex;overflow-y:auto}.App{color:#f8f8e9;flex-flow:column;height:100vh;-webkit-user-select:none;user-select:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.7)),url(/static/media/background.197b9acaca1142a96612.jpg) no-repeat 50% fixed;font-family:Neucha,cursive;margin:0;overflow:hidden}body a{color:#fffdde;text-decoration:none}body input{font-family:Neucha,cursive;font-size:1.2rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:rgba(255,253,222,.1);border-radius:5px}::-webkit-scrollbar-thumb{background:#fffdde;border-radius:10px;width:10px}::-webkit-scrollbar-thumb:hover{background:#ffcbcb}@media (max-width:850px){.details-page-container{margin-top:85px}.details-header h1{font-size:2.5rem;transition:all .2s linear}.details-container{flex-direction:column;width:-webkit-fill-available}.detail-image{margin-bottom:1rem}.icon-stars{left:100px}.edit-mode{display:inline;display:initial}.edit-form-cont{width:auto}}@media (min-width:590px){.logo{display:block}.nav-buttons{justify-content:flex-end;margin-right:50px}.dpp-list,.total-results{margin-left:100px}.details{height:450px}.adobe{display:inline;display:initial}}@media (min-width:850px){.home{flex-direction:row}.navBar{margin-bottom:45px}.nav-buttons{border-bottom:2px dashed #fffdde}.filters{height:675px;margin-top:40px;min-width:230px}.filters h2{opacity:0}.filter-container{border-radius:0 15px 15px 0;flex-direction:column;height:600px}.border-menu-button{display:none}.search-button{right:15px}.pages-container{display:inline;display:initial;left:48.5%}.form-box-container{width:850px}.form-page{overflow:hidden}.border-form-container{overflow-y:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.inputs-containers{flex-direction:row}.inputs-container-a{margin-bottom:0;margin-right:45px}.name-verfication{right:-6px}.container-favs-page{margin-top:10px}.about-border{margin-top:0}.about-container{border-top:none}.about-text{width:500px}}@media (min-width:1175px){.back-button-form{left:-50px;position:absolute;top:45px}.home-top-bar,.results-page-box{justify-content:flex-end}.about-box{flex-direction:row}}@media (min-width:1300px){.details-buttons-container{left:-50px;position:absolute;top:45px}.details-button{background-color:rgba(0,0,0,.5)}.border-details-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.details-container{align-items:center;display:flex;flex-direction:row;justify-content:center;width:-webkit-fill-available}.details-body{flex-direction:row-reverse}.detail-image{margin-bottom:0}.details{display:flex;flex-direction:column;font-size:1.5rem;height:450px;justify-content:space-evenly;margin-right:50px;margin-top:0;width:400px}.desc-text{height:180px;max-width:400px;overflow-y:auto}.back-button-form{left:-50px;position:absolute;top:45px}.cardContainer{padding-bottom:60px}.about-container{height:-webkit-fill-available}}
/*# sourceMappingURL=main.58f48b09.css.map*/