body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f2f2;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}.arrow-10{-webkit-animation:a10-0 2s infinite;animation:a10-0 2s infinite;background:linear-gradient(currentColor 0 0) bottom/10px calc(100% - 15px),conic-gradient(from 134deg at top,#0000,currentColor 1deg 90deg,#0000 91deg) top/100% 15px;background-origin:content-box;background-repeat:no-repeat;display:grid;height:60px;padding-top:60px;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:30px}.arrow-10:after,.arrow-10:before{-webkit-animation:a10-1 2s infinite;animation:a10-1 2s infinite;background:inherit;background-size:10px calc(100% - 25px),100% 25px;content:"";grid-area:1/1}.arrow-10:after{-webkit-animation:a10-2 2s infinite;animation:a10-2 2s infinite;background-size:10px calc(100% - 30px),100% 30px}@-webkit-keyframes a10-0{25%,to{padding-top:0}}@keyframes a10-0{25%,to{padding-top:0}}@-webkit-keyframes a10-1{0%,25%{margin:60px -10px 0}50%,to{margin:8px -10px 0}}@keyframes a10-1{0%,25%{margin:60px -10px 0}50%,to{margin:8px -10px 0}}@-webkit-keyframes a10-2{0%,50%{margin:60px -15px 0}75%,to{margin:20px -15px 0}}@keyframes a10-2{0%,50%{margin:60px -15px 0}75%,to{margin:20px -15px 0}}.App{left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;text-align:center}ul{list-style-type:none}.hidden{display:none}.profilepictures{border-radius:100%;height:100px;width:100px}* :first-letter{text-transform:capitalize}.heading{display:flex;flex-direction:column}.sub{align-self:center;font-size:72px;font-weight:900;letter-spacing:2px;max-width:80vw}.TitleMessageStuff{height:800px;position:relative}.ProConList-Item{align-items:center;border:thin solid #dddcdb;box-shadow:0 2px 4px 0 #dddcdb,0 2px 16px 0 #dddcdb;margin:1em}.opinions{align-self:center;min-width:auto;text-align:start}.badge{color:#f3c89d}@media only screen and (min-width:500px){.opinions{width:10em}}@media only screen and (min-width:900px){.opinions{width:14em}}.ProConList-Item-owner{align-items:center;border:thin solid #f3c89d;box-shadow:0 2px 4px 0 #f3c89d,0 2px 16px 0 #f3c89d;margin:1em}.ProConForm{align-items:center;display:flex}.ProblemFormWrapper{background-color:#d7e3e1;display:flex;justify-content:center;padding:2em;position:-webkit-sticky;position:sticky;top:6em;width:100vw;z-index:1}.TextInput{border:transparent;border-radius:.4em;padding:.5em;width:22em}.ProSection>div:nth-child(2)>form>button{color:#b2f1b2}.ConSection>div:nth-child(2)>form>button{color:#f38a8a}@media only screen and (max-width:425px){.TextInput{width:auto}.emoji-icon{display:none}}.picker-wrapper{height:2em;margin-top:4em;overflow:visible;overflow:initial;position:absolute;width:20em;z-index:5}.ProConSection{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:0}p{margin:.5em}.ProsConsList{display:flex;flex-direction:column;height:15em;margin:.5em;overflow:scroll;padding:0}.ListHeader{align-items:center;display:flex;justify-content:center;margin:.5em}.ProConHeader{font-size:1.2em}.empty-list{align-self:center;width:24em}@media only screen and (min-width:900px){.ProsConsList{width:24em}}.problem{background-color:#fff;border:solid #d8e8e6;border-radius:.5em;box-shadow:0 1.5em 2.5em 0 #b5c4c3,0 1.5em 2.5em 0 #e8ddd8;margin:1em;width:auto}.problem-header{align-items:center;background-image:linear-gradient(to right top,#a2e7ca,#abead1,#b5ecd7,#beefdd,#c8f1e3);display:flex;justify-content:space-around}.total-likes{font-size:3em}h6{color:#9a9a9a}.versus{font-size:2em}@media only screen and (min-width:900px){.problem-lists{display:flex;justify-content:center;width:63em}}.HomePageLoading{align-items:center}.HomePageLoading,.Userloading{display:flex;height:100vh;justify-content:center}.Userloading{margin-top:7em}@media only screen and (min-width:900px){.Problem-List{align-items:center;align-self:center;display:flex;flex-direction:column;margin-top:6em;padding:0}}.Problem-List{margin-top:9em}.ProfileInfo{display:flex;flex-direction:column;margin-top:7em}.menuButton{align-items:center;background-color:#edfdef;border:none;border-radius:.2em;display:flex;font-size:larger;margin:.3em;padding:.6em;z-index:3}.navBar--ul{padding:0}.app-bar{background-image:linear-gradient(to right top,#7cafb5,#80b3b7,#84b7b9,#88babb,#8cbebd);height:6em}
/*# sourceMappingURL=main.e44d86b9.css.map*/