@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);
/*
! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.start-container{margin-left:auto;margin-right:auto;margin-top:14rem;width:90%}.logo-container{margin:auto;width:50%}@media (min-width:1000px){.start-container{margin-top:8rem}}@media (min-width:1400px){.start-container{margin-top:2rem}}.logo-img{margin:auto}.btn-container{margin-left:auto;margin-right:auto;text-align:center}.btn{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(76 138 97/var(--tw-bg-opacity));border-radius:9999px;color:rgb(253 252 233/var(--tw-text-opacity));font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;margin-top:2.75rem;padding:.25rem 2.25rem}.btn:hover{--tw-bg-opacity:1;background-color:rgb(137 155 160/var(--tw-bg-opacity));-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:300px){.btn{padding-bottom:.375rem;padding-left:3rem;padding-right:3rem;padding-top:.375rem}}@media (min-width:400px){.btn{font-size:1.875rem;line-height:2.25rem;padding-bottom:.5rem;padding-left:4rem;padding-right:4rem;padding-top:.5rem}}@media (min-width:530px){.btn{padding-bottom:.625rem;padding-left:5rem;padding-right:5rem;padding-top:.625rem}}@media (min-width:600px){.btn{padding-bottom:.75rem;padding-left:7rem;padding-right:7rem;padding-top:.75rem}}@media (min-width:758px){.btn{font-size:2.25rem;line-height:2.5rem}}@media (min-width:1028px){.btn{padding-bottom:1rem;padding-left:9rem;padding-right:9rem;padding-top:1rem}}@media (min-width:1500px){.btn{font-size:3rem;line-height:1;padding-bottom:1.25rem;padding-top:1.25rem}}.container{margin-left:auto;margin-right:auto;margin-top:2rem;width:90%}.logo-app-container{width:5rem}.alphabet-title{font-family:Roboto,sans-serif;font-size:1.5rem;font-weight:600;line-height:2rem;margin-bottom:2.75rem;margin-top:2.75rem;text-align:center}.alphabet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-left:auto;margin-right:auto}@media (min-width:750px){.alphabet-grid{width:80%}.container{margin-top:2.75rem}.alphabet-title{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1000px){.alphabet-title{font-size:2.25rem;line-height:2.5rem}.alphabet-grid{width:70%}.container{margin-top:5rem}}@media (min-width:2000px){.alphabet-grid{width:50%}.container{margin-top:6rem}}.alphabet-btn-container{margin-left:auto;margin-right:auto}.letter-btn{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(76 138 97/var(--tw-bg-opacity));border-radius:50%;color:rgb(253 252 233/var(--tw-text-opacity));font-size:1.875rem;height:50px;line-height:200px;line-height:2.25rem;margin-bottom:.5rem;margin-top:.5rem;padding:.5rem;text-align:center;width:50px}.letter-btn:hover{--tw-bg-opacity:1;background-color:rgb(137 155 160/var(--tw-bg-opacity));-webkit-transform:scale(1.1);transform:scale(1.1)}@media (min-width:520px){.letter-btn{font-size:2.25rem;height:70px;line-height:2.5rem;padding:1rem;width:70px}}@media (min-width:800px){.letter-btn{font-size:3rem;height:90px;line-height:1;padding:1rem;padding:1.25rem;width:90px}}.lds-hourglass{display:inline-block;height:80px;position:relative;width:80px}.lds-hourglass:after{-webkit-animation:lds-hourglass 1.2s infinite;animation:lds-hourglass 1.2s infinite;border-color:#4c8a61 transparent;border-radius:50%;border-style:solid;border-width:32px;box-sizing:border-box;content:" ";display:block;height:0;margin:8px;width:0}@-webkit-keyframes lds-hourglass{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(900deg);transform:rotate(900deg)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}@keyframes lds-hourglass{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(900deg);transform:rotate(900deg)}to{-webkit-transform:rotate(5turn);transform:rotate(5turn)}}.breeds-list-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-top:1.5rem}@media (min-width:355px){.nav-container{display:flex}.breeds-list-container{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.75rem}}@media (min-width:500px){.breeds-list-container{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4rem}}@media (min-width:800px){.breeds-list-container{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4rem}}.search-container{--tw-border-opacity:1;border:2px solid rgb(137 155 160/var(--tw-border-opacity));border-radius:9999px;display:flex;flex-wrap:wrap;justify-content:space-around;margin:1.5rem auto;width:90%}.input-search{background-color:transparent;border-color:transparent;width:70%}.input-search:focus{outline:2px solid transparent;outline-offset:2px}.input-search::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(140 131 121/var(--tw-text-opacity));font-family:Roboto,sans-serif}.input-search:-ms-input-placeholder{--tw-text-opacity:1;color:rgb(140 131 121/var(--tw-text-opacity));font-family:Roboto,sans-serif}.input-search::placeholder{--tw-text-opacity:1;color:rgb(140 131 121/var(--tw-text-opacity));font-family:Roboto,sans-serif}@media (min-width:355px){.search-container{margin-bottom:1.25rem;margin-top:1.25rem;width:70%}}@media (min-width:600px){.search-container{margin-bottom:1rem;margin-top:1rem}}@media (min-width:800px){.search-container{margin-bottom:.75rem;margin-top:.75rem;width:60%}}.breed-filter-container{--tw-text-opacity:1;color:rgb(38 40 40/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;margin:.75rem .625rem;text-align:center;width:90%}.breed-filter{font-family:Roboto,sans-serif;font-weight:500}.breed-filter:hover{--tw-text-opacity:1;color:rgb(137 155 160/var(--tw-text-opacity));font-weight:700}@media (min-width:700px){.breed-filter{font-size:1rem;line-height:1.5rem}}@media (min-width:1000px){.breed-filter{font-size:1.125rem;line-height:1.75rem}}.container-breed-dog{display:flex;font-family:Roboto,sans-serif;justify-content:center;margin-top:2.75rem}.container-dog-img{--tw-bg-opacity:1;background-color:rgb(223 190 154/var(--tw-bg-opacity));border-radius:.5rem;margin-top:1.5rem}.dog-img{border-radius:.75rem;margin:1rem auto;width:80%}.dog-breed{--tw-text-opacity:1;color:rgb(253 252 233/var(--tw-text-opacity));font-size:1.125rem;font-weight:600;line-height:1.75rem;margin-bottom:1rem;margin-top:1rem;text-align:center}@media (min-width:500px){.container-dog-img{margin-top:2.75rem;width:60%}.dog-img{margin-bottom:2.75rem;margin-top:2.75rem}.dog-breed{font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem;margin-top:.5rem}}@media (min-width:700px){.container-dog-img{width:40%}}@media (min-width:850px){.container-dog-img{margin-top:.5rem}.dog-img{margin-bottom:1.5rem;margin-top:1.5rem}.dog-breed{font-size:1.5rem;line-height:2rem;margin-bottom:1.5rem;margin-top:.5rem}}@-webkit-keyframes eyes{0%,8.8888888889%,to{top:-50px}17.7777777778%{top:-45px}91.1111111111%{top:-20px}57.7777777778%,88.8888888889%{top:-15px}66.6666666667%{top:-25px}}@keyframes eyes{0%,8.8888888889%,to{top:-50px}17.7777777778%{top:-45px}91.1111111111%{top:-20px}57.7777777778%,88.8888888889%{top:-15px}66.6666666667%{top:-25px}}@-webkit-keyframes wings{0%,88.8888888889%,to{top:70px}91.1111111111%{top:60px}}@keyframes wings{0%,88.8888888889%,to{top:70px}91.1111111111%{top:60px}}@-webkit-keyframes feet{0%,88.8888888889%,to{top:-2px}91.1111111111%{top:0}}@keyframes feet{0%,88.8888888889%,to{top:-2px}91.1111111111%{top:0}}@-webkit-keyframes cloud{0%{left:-140px}to{left:280px}}@keyframes cloud{0%{left:-140px}to{left:280px}}.globe{background:linear-gradient(180deg,#86aecc 0,#d4e4ef);border:20px solid #899ba0;border-radius:50%;box-shadow:inset 0 0 80px rgba(0,0,0,.5),0 0 20px rgba(0,0,0,.3);box-sizing:border-box;display:inline-block;height:400px;margin:1em 0 0;overflow:hidden;position:relative;text-align:left;width:400px}.globe:after,.globe:before{border-radius:50%;box-sizing:border-box;content:"";position:absolute;z-index:10}.globe:before{border:10px solid transparent;border-right-color:hsla(0,0%,100%,.3);height:94%;right:3%;top:3%;width:94%}.globe:after{background:hsla(0,0%,100%,.3);height:10px;right:65px;top:50px;width:10px}.globe .bird{left:96px;position:absolute;top:100px;z-index:1}.globe .bird .body{background-clip:padding-box;background-color:#11e7d7;border-radius:50%;box-shadow:inset 0 0 80px rgba(0,0,0,.3);height:186px;position:absolute;width:175px}.globe .bird .body:after,.globe .bird .body:before{-webkit-animation:wings 4.5s linear infinite;animation:wings 4.5s linear infinite;background-color:#11e7d7;border-radius:50%;box-shadow:inset 0 0 13px rgba(0,0,0,.3);content:"";height:93px;position:absolute;top:70px;width:26px;z-index:-1}.globe .bird .body:before{left:0}.globe .bird .body:after{right:0}.globe .bird .body .eye{background-color:#fff;border:1px solid #01c7be;border-radius:50%;box-shadow:inset 0 0 0 1px #01c7be;height:56px;overflow:hidden;position:absolute;top:28px;width:56px;z-index:1}.globe .bird .body .eye:after,.globe .bird .body .eye:before{content:"";position:absolute}.globe .bird .body .eye:before{background-color:#000;border-radius:50%;height:18px;top:30px;width:18px}.globe .bird .body .eye:after{-webkit-animation:eyes 4.5s linear infinite;animation:eyes 4.5s linear infinite;background:radial-gradient(ellipse at center,rgba(109,0,25,0) 0,rgba(130,1,31,0) 35%,#01c7be 36%,#31bfae 100%);height:200px;width:200px}.globe .bird .body .eye.left{left:15px}.globe .bird .body .eye.left:before{left:20px}.globe .bird .body .eye.left:after{left:-60px;top:-45px}.globe .bird .body .eye.right{right:15px}.globe .bird .body .eye.right:before{right:20px}.globe .bird .body .eye.right:after{right:-60px;top:-45px}.globe .bird .body .beak{background-color:#31bfae;border-radius:50%;height:55px;left:67px;position:absolute;top:70px;width:41px;z-index:1}.globe .bird .body .beak:before{background:#eb9f2d;border-radius:50%;content:"";height:inherit;position:absolute;top:2px;width:inherit}.globe .bird .body .beak:after{background:#31bfae;border-radius:50%;content:"";height:inherit;left:2px;position:absolute;top:12px;width:37px;z-index:-1}.globe .bird .body .beak div{background-clip:padding-box;background-color:#f7d35d;border-radius:50% 60% 50% 40%;height:43px;left:-1px;position:absolute;top:-1px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:43px}.globe .bird .body .beak div:before{background-color:#fff;border-radius:50%;content:"";height:8px;left:20px;position:absolute;top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:17px}.globe .bird .body .feet{bottom:15px;position:absolute;width:100%}.globe .bird .body .feet:after,.globe .bird .body .feet:before{-webkit-animation:feet 4.5s linear infinite;animation:feet 4.5s linear infinite;background-color:#f8c14d;border-radius:50%;box-shadow:inset 0 0 12px rgba(0,0,0,.2);content:"";height:21px;position:absolute;width:27px}.globe .bird .body .feet:before{left:40px}.globe .bird .body .feet:after{right:40px}.globe .wire{border:3px solid transparent;border-bottom-color:#000;border-radius:50%;height:400px;left:-173px;position:absolute;top:-215px;width:500px;z-index:-1}.globe .hills{background:radial-gradient(ellipse at top left,#aad95d 0,#bbc369 100%);border-radius:30%;box-shadow:inset 5px 0 12px rgba(0,0,0,.2);height:60px;left:60px;position:absolute;top:230px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:60px}.globe .hills:after,.globe .hills:before{background:inherit;border-radius:50%;box-shadow:inherit;content:"";height:90px;position:absolute;width:178px}.globe .hills:before{left:-90px;top:30px;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);z-index:-1}.globe .hills:after{left:0;top:-55px;-webkit-transform:rotate(120deg);transform:rotate(120deg)}.globe .cloud{-webkit-animation:cloud 9s linear infinite;animation:cloud 9s linear infinite;background:linear-gradient(180deg,#f2f9fe 5%,#d6f0fd);border-radius:20px;height:24px;position:absolute;top:-20px;width:70px;z-index:-1}.globe .cloud.small{-webkit-animation-delay:-1.5s;animation-delay:-1.5s;-webkit-animation-duration:13.5s;animation-duration:13.5s;top:-50px;-webkit-transform:scale(.6);transform:scale(.6)}.globe .cloud:after,.globe .cloud:before{background:inherit;content:"";position:absolute;z-index:-1}.globe .cloud:before{border-radius:40px;height:36px;right:10px;top:-18px;width:36px}.globe .cloud:after{border-radius:20px;height:20px;left:10px;top:-10px;width:20px}.middle{text-align:center}.title-notFound{color:#262828;font-size:large;margin-top:50px}.link-content{color:#4c8a61;font-weight:bolder}.link-content:hover{color:#899ba0;font-size:x-large}
/*# sourceMappingURL=main.ca681889.css.map*/