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}.title{color:#fff;font-family:Circular Spotify Tx T;font-style:normal}.connectWallet{align-items:center;background:#f4ed38;border-radius:25px;box-shadow:0 15px 10px #00000040;color:#000;cursor:pointer;display:flex;flex-direction:row;font-family:Hand Drawn Shapes;height:3.5rem;justify-content:center;outline:3px solid #000;position:absolute;right:6rem;top:4rem;transition:all .25s ease-in-out;width:13rem}.connectWallet2:hover{transform:scale(1.1)}.connectWallet:hover{outline:4px solid #000;transform:scale(1.1)}.connectWallet2{align-items:center;background:#f4ed38;border-radius:25px;box-shadow:0 15px 10px #00000040;color:#000;cursor:pointer;display:flex;flex-direction:row;height:1.5rem;justify-content:center;outline:3px solid #000;position:absolute;right:4rem;top:8rem;transition:all .25s ease-in-out;width:5rem}.connectWallet2,.textfield{font-family:Hand Drawn Shapes}.textfield{background:#0f0c29;background:-webkit-linear-gradient(90deg,#24243e,#302b63,#0f0c29);border:none;border-radius:20px;color:#fff;font-size:25px;outline:none;outline:2px solid #fff;padding:10px}input::file-selector-button{background:#0f0c29;background:-webkit-linear-gradient(90deg,#24243e,#302b63,#0f0c29);border:thin solid grey;border-radius:10px;color:#fff;font-family:Hand Drawn Shapes;font-weight:700;height:2rem;outline:2px solid #fff;padding:.5em;width:10rem}.mainBg{background:linear-gradient(116.72deg,#b6e679 -19.59%,rgba(157,229,245,.496) 54.5%,#b546dc80 120.19%);height:100%;min-height:100vh;width:100%}.middleBar{height:100%;overflow:scroll;width:49%}.middleBar::-webkit-scrollbar{display:none}.leftSideBar{background:none;height:100%;width:24%}.activeTab,.nonActiveTab{text-decoration:none;transition:all .25s ease-in-out}.activeTab{font-weight:700;transform:scale(1.2)}.tabText{color:#000;font-family:Hand Drawn Shapes;font-size:30px;margin-left:2rem;text-decoration:none}.normalButton,.normalButtonNoHover{align-items:center;background:#f4ed38;border-radius:25px;box-shadow:0 15px 10px #00000040;cursor:pointer;display:flex;flex-direction:row;height:3.5rem;justify-content:center;outline:3px solid #000;transition:all .25s ease-in-out;width:60%}.normalButton:hover{outline:4px solid #000;transform:scale(1.1)}.buttonText{flex-direction:row;font-family:Hand Drawn Shapes;justify-content:center;letter-spacing:3px}.buttonText,.chirpingPost{align-items:center;display:flex}.chirpingPost{background:#f1eb6380;border-radius:25px;box-shadow:0 15px 10px #00000040,inset 0 0 5px #00000040;flex-direction:column;justify-content:start;margin-top:2rem;min-height:10rem;outline:3px solid #000;position:relative;width:90%}.text,.textOnHover{font-family:Hand Drawn Shapes}.textOnHover{cursor:pointer;transition:all .25s ease-in-out}.textOnHover:hover{transform:scale(1.1)}.rightSideBarText{font-family:Hand Drawn Shapes;font-size:40px}.displayPicture{position:absolute}.displayPicture,.displayPicture2{border-radius:100%;height:8rem;outline:5px solid #f4ed38;right:10rem;top:2rem;width:8rem}.chirpingModal{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:space-evenly;padding-bottom:1rem;right:25%;top:25%;width:50%;z-index:199}.addPictureModal,.chirpingModal{background:#f6f98d;border-radius:30px;box-shadow:inset .8em .8em .8em 0 #ffffff80,inset -.8em -.8em .8em 0 #00000080;outline:3px solid #000;position:absolute}.addPictureModal{height:30vh;right:35%;top:35%;width:30%}.chirpingImage{border-radius:10px;box-shadow:10px 10px 20px #9fbbbe;width:12rem}.logo{width:3rem}.logoOnHover{transition:all .25s ease-in-out}.logoOnHover:hover{transform:scale(1.1)}.loading{background-color:#e4b3e573;z-index:99}.chirpingLogo{cursor:pointer;left:8%;margin-bottom:.5rem;position:absolute;top:6%;transition:all .25s ease-in-out;width:6rem}.chirpingLogo:hover{transform:scale(1.1)}.mainBg2{background:linear-gradient(116.72deg,#b6e679 -19.59%,rgba(157,229,245,.496) 54.5%,#b546dc80 120.19%);height:100%;width:100%}.normalText{font-family:Catamaran,sans-serif}.guide{background:#232526;background:-webkit-linear-gradient(90deg,#232526,#414345);border-top-left-radius:120px;border-top-right-radius:120px;height:220vh;padding-bottom:5vh;width:100%}.attributes{align-items:center;background:linear-gradient(116.72deg,#b6e679 -19.59%,rgba(157,229,245,.496) 54.5%,#b546dc80 120.19%);border-radius:40px;display:flex;flex-direction:column;height:60vh;justify-content:center;padding:2rem 0;width:20%}.attributeText{font-size:25px;margin-bottom:.5rem;text-align:center}.attributeBox{border:3px solid #000;border-radius:40px;box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf}.attributeBoxAnim{animation:floatGif 10s ease-in-out infinite;transform:translateY(0)}@keyframes floatGif{0%,to{transform:translateY(40px)}50%{transform:translateY(-40px)}}.attributeBoxAnim2{animation:floatGif2 10s ease-in-out infinite;transform:translateY(0)}@keyframes floatGif2{0%,to{transform:translateY(-40px)}50%{transform:translateY(40px)}}.level,.levelDesp{align-items:center;display:flex;flex-direction:column;justify-content:start}.levelDesp{background:linear-gradient(116.72deg,#b6e679 -19.59%,rgba(157,229,245,.496) 54.5%,#b546dc80 120.19%);border:3px solid #000;margin-top:2rem;width:14rem}.levelDespAnim0{animation:colorChange0 10s ease-in-out infinite}.levelDespAnim1{animation:colorChange1 10s ease-in-out infinite}.levelDespAnim2{animation:colorChange2 10s ease-in-out infinite}.levelDespAnim3{animation:colorChange3 10s ease-in-out infinite}.levelDespAnim4{animation:colorChange4 10s ease-in-out infinite}@keyframes colorChange0{0%{box-shadow:none;transform:scale(1)}10%{box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf;transform:scale(1.05)}20%{box-shadow:none;transform:scale(1)}}@keyframes colorChange1{20%{box-shadow:none;transform:scale(1)}30%{box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf;transform:scale(1.05)}40%{box-shadow:none;transform:scale(1)}}@keyframes colorChange2{40%{box-shadow:none;transform:scale(1)}50%{box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf;transform:scale(1.05)}60%{box-shadow:none;transform:scale(1)}}@keyframes colorChange3{60%{box-shadow:none;transform:scale(1)}70%{box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf;transform:scale(1.05)}80%{box-shadow:none;transform:scale(1)}}@keyframes colorChange4{80%{box-shadow:none;transform:scale(1)}90%{box-shadow:-4px -4px 30px -15px #ffe338bf,4px 4px 50px -10px #ffe338bf;transform:scale(1.05)}to{box-shadow:none;transform:scale(1)}}
/*# sourceMappingURL=main.2d056c1f.css.map*/