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}.App{background-color:#f3e5ab;display:flex;text-align:center}.App,.App-header{flex-direction:column}.App-header{align-items:center;color:#282c34;padding:40px 40px 20px 20px}.App-footer{bottom:0;position:absolute;width:100%}.Big-font{font-size:calc(10px + 5vmin)}.Spotify-logo{height:5vh}.Toilet-container{font-size:calc(10px + 5vmin);height:55vh;justify-content:center;position:relative}:root{--end-toilet-height:0%}@-webkit-keyframes white-toilet-fill{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}15%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0)}}@keyframes white-toilet-fill{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}15%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 0,0 0);clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0)}}@-webkit-keyframes brown-toilet-fill{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}15%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%)}}@keyframes brown-toilet-fill{0%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}15%{-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%)}}.Toilet-white{-webkit-animation:white-toilet-fill 2s;animation:white-toilet-fill 2s;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 0,0 0);color:#fff;position:relative;top:50%}.Toilet-brown,.Toilet-white{height:40vh;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.Toilet-brown{-webkit-animation:brown-toilet-fill 2s;animation:brown-toilet-fill 2s;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);-webkit-clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%);clip-path:polygon(0 var(--end-toilet-height),100% var(--end-toilet-height),100% 100%,0 100%);color:#7b5c00;left:0;position:absolute;top:0;top:50%}
/*# sourceMappingURL=main.27a99278.css.map*/