body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Cheri;font-size:100%;src:url(/project-2-react/static/media/cheri.3a7fd9010a3efc6d69a4.ttf)}@font-face{font-family:Cheri-Solid;font-size:100%;src:url(/project-2-react/static/media/cheri_solid.158a8e4f3cb50092adca.ttf)}:root{--teal:#7dd6bc;--green:#80bf70}body{background-color:#7dd6bc;background-color:var(--teal);margin:20px}.app{display:flex;flex-direction:column}.main{min-height:560px;z-index:1}p{color:#000;font-family:Cheri-Solid;font-size:.6em;margin:0 0 30px;padding:5px 0 3px;text-align:center}.critter-icon{background-color:tan;border-radius:100px;box-shadow:1px 1px 2px 4px grey;height:90px;margin:0 35%;padding:10px}h6{margin:0;text-align:right}footer{flex-shrink:0;margin-top:20px;width:100%}nav{background-color:#7dd6bc;background-color:var(--teal);position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:2}.logo{height:90px}.menu-icon{background-color:tan;height:60px}.menu-icon,.menu-title{border-radius:500px;position:absolute;right:0;top:0;z-index:3}.menu-title{font-size:1.3em;margin-top:60px}.nav-bar-open{background-color:#fff;display:flex;flex-direction:column;margin-right:-20px;margin-top:-20px;padding:20px;position:absolute;right:0;top:0;width:100%}.nav-bar-closed{display:none}.title{font-size:1.8em;margin-left:-10px}.title,h1{color:#fff;font-family:Cheri;text-decoration:none}h1{font-size:1.5em;margin:0;text-align:center}.nav-links{color:#000;font-family:Cheri;font-size:1em;margin:0;padding:0;text-decoration:none}.icon-container{background-color:#7dd6bc;background-color:var(--teal);padding:30px;position:-webkit-sticky;position:sticky;top:140px}.description{font-size:1.2em;margin:0 30px;text-align:justify}.critter-of-the-day{color:#fff;font-size:1.5em;margin-bottom:-25px;margin-top:30px;text-align:center}.loading{background-color:#80bf70;background-color:var(--green)}.catch-phrase{color:#80bf70;color:var(--green);font-size:1.5em;margin-bottom:20px}.random-critter{background-color:#fff;border-radius:2000px;box-shadow:1px 1px 2px 2px grey;display:block;margin:0 auto;padding:30px;width:60%}h2{color:#000;font-family:Cheri;font-size:2em;margin-bottom:0;text-align:center}.icon-random{display:block;margin:-10px auto -30px}button{background-color:#80bf70;background-color:var(--green);border-radius:10px;box-shadow:.5px .5px 1px 2px grey;color:#fff;display:block;font-family:Cheri-Solid;font-size:1.3em;height:60px;margin:20px auto 0;width:200px}.home-button{color:#fff;text-decoration:none}.my-character{border-radius:100px;display:block;height:300px;margin:30px auto}.library{margin:10px}.icon-list{display:flex;flex-wrap:wrap;justify-content:space-around}h4{background-color:tan;border-radius:10px;box-shadow:1px 1px 2px 2px grey;color:#fff;font-family:Cheri-Solid;font-size:1.5em;margin:15px;padding:5px 0 3px;text-align:center;text-transform:capitalize}.critter-details{display:flex;justify-content:center}.details{background-color:#fff;margin:10px;padding:20px}.details-container,.library-details{background-color:#fff;border-radius:10px;box-shadow:1px 1px 2px 2px grey;padding:0 10px}.library-details{margin-left:15px}h3{color:#000;font-family:Cheri-Solid;font-size:.9em}span{color:#80bf70;color:var(--green)}.details-name{background-color:#fff;color:#000;display:block;margin:10px auto;width:80%}.alert{background-color:red}form{background-color:#7dd6bc;background-color:var(--teal);line-height:50px;position:-webkit-sticky;position:sticky;text-align:center;top:145px}.option{color:#000}.search-by-month{display:block;margin:0 auto}.search-result-container{background-color:#7dd6bc;background-color:var(--teal);position:-webkit-sticky;position:sticky;top:295px}.search{border-radius:10px;font-family:Cheri-Solid;font-size:1.5em;height:30px;text-align:center;text-transform:capitalize;width:200px}.search-name{background-color:#fff;border-radius:10px;box-shadow:1px 1px 2px 2px grey}label{font-size:1.5em;margin-right:10px}.submit-button,label{color:#fff;font-family:Cheri-Solid}.submit-button{background-color:#80bf70;background-color:var(--green);border-radius:10px;box-shadow:.5px .5px 1px 2px grey;margin-bottom:20px;margin-left:20px;width:80px}.details-container{width:150px}.search-details{font-size:1.3em;text-align:center}h5{background-color:#80bf70;background-color:var(--green);border-radius:10px;box-shadow:1px 1px 2px 2px grey;color:#fff;font-family:Cheri-Solid;font-size:1em;margin:15px;padding:5px 0 3px;text-align:center;text-transform:capitalize}.caught-library{display:flex;flex-wrap:wrap;justify-content:space-around}.caught{background-color:#80bf70;background-color:var(--green);margin:15px 5px}@media only screen and (min-width:768px){.main{min-height:650px}.title{font-size:3em}h3{color:#000;font-family:Cheri-Solid;font-size:1.3em}h4{margin:10px auto;width:500px}h4,h5{display:block}h5{font-size:1.5em;margin:20px auto;width:600px}.nav-bar-open,.random-critter{width:30%}.description{margin:0 30%}form{align-content:center;display:flex;justify-content:space-evenly;padding-bottom:10px;padding-top:30px;top:150px}.submit-button{margin-top:10px}.search-by-month{width:600px}.search-result-container{padding-bottom:10px;position:-webkit-sticky;position:sticky;top:240px}.search-details{font-size:1.8em}.details-name{font-size:1.6em}.search-name{font-size:.8em;margin:0 20px}.critter-details{display:flex;justify-content:center;margin:0 auto}.details-container{margin-right:30px}.icon-list{margin-top:-30px}.critter-icon{background-size:100%;height:100px;padding:20px;width:100px}.library{margin:50px 30px 20px}.details{background-color:#fff;background-size:100%;border-radius:1000px;height:120px;padding:30px;width:120px}.details-container{background-color:#fff;border-radius:10px;box-shadow:1px 1px 2px 2px grey;padding:0 10px;width:300px}.details-name{width:50%}.icon-container{top:170px}}@media only screen and (min-width:1024px){.nav-bar-open{width:20%}.details-name{width:30%}}
/*# sourceMappingURL=main.367ae457.css.map*/