@import"https://fonts.googleapis.com/css2?family=Arsenal+SC:ital,wght@0,400;0,700;1,400;1,700&family=Dancing+Script:wght@400..700&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wittgenstein:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap";h1{font-size:3em;text-align:left!important}.secondary-description{color:var(--text-light-grey)}.post{justify-content:space-around;margin-top:20px}.post-text{display:flex;flex-direction:column;text-align:left;align-items:flex-start;order:1}.post-text p{font-family:Arsenal SC,sans-serif;font-size:1.5em}.post-button{margin-top:10px}.post-button a{padding:20px;font-size:small;cursor:pointer}.post-img{order:2}.post-img img{height:350px;width:350px}.explore{margin-top:20px;flex-direction:column}.explore-categories{flex-wrap:wrap;justify-content:space-evenly;gap:10%;width:100%;margin-top:20px}.category{flex-direction:column;margin-top:10px}.category a{text-align:center;cursor:pointer}.category-icon{height:100px;width:100px}.peach{color:#e6a099}.orange{color:#ffa62f}.light-blue{color:#8aaae5}.green{color:#acd793}.latest-judge{margin-top:20px;flex-direction:column;padding:30px}.judge-content{width:100%;margin-top:40px;justify-content:space-evenly;gap:30px}.content-left{flex-direction:column;text-align:center}.latest-compare{margin-top:20px;flex-direction:column;padding:30px}.reactions{margin-top:20px;justify-content:space-evenly;cursor:pointer}.like{height:50px;width:50px;color:green}.dislike{height:50px;width:50px;color:red}.compare-content{width:100%;justify-content:space-evenly;cursor:pointer}.verses-img img{height:100px;width:100px}.footer{padding:20px 0;text-align:center;bottom:0;width:100%}.footer-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-nav{list-style:none;padding:0;display:flex;gap:20px}.footer-nav li{display:inline}.footer-nav a{text-decoration:none;transition:color .3s ease;color:#fff}.footer-nav a:hover{color:#61dafb}.disabled-link{pointer-events:none;cursor:not-allowed}@media screen and (max-width: 768px){.flex{flex-direction:column}.reactions{flex-direction:row}.post-text{order:2}.post-img{order:1}.post-upload,.post-compare{padding:20px}}.RSPBprogressBar{height:10px;line-height:1;border-radius:10px;position:relative;background-color:#d3d3d399;display:flex;justify-content:space-between;align-items:center;z-index:0}.RSPBprogressBar .RSPBstep{display:inline-flex;justify-content:center;align-items:center;z-index:0;position:absolute;transform:translate(-50%);transition-property:all;transition-timing-function:ease}.RSPBprogressBar .RSPBprogressBarText{color:#fff;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.RSPBprogressBar .RSPBprogression{position:absolute;transition:width .3s ease;left:0;top:0;bottom:0;border-radius:10px;background:#0074d9cc;z-index:-1}.upload-post{justify-content:space-evenly;margin-top:50px;gap:20px}.upload-left{flex-basis:30%;flex-direction:column;text-align:center}.upload-left h2{font-size:2rem;font-family:Cardo,serif}.upload-left p{color:var(--color-secondary);font-size:.85rem}.step-name{font-size:20px;font-weight:700}.upload-right{flex-basis:50%;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;text-align:center;box-shadow:#fbc09366 0 2px 4px,#fbc0934d 0 7px 13px -3px,#fbc09333 0 -3px inset;padding:20px}.progress-bar-container{width:90%;max-width:600px}.step{flex-direction:column;gap:10px;max-width:600px}.step-input{height:40vh;width:40vh;gap:10px;flex-direction:column;justify-content:space-evenly;box-shadow:#11111a1a 0 1px;padding:10px}.input-box{min-width:100%!important;background-color:#fff;border-radius:10px}.text-field{min-width:100%!important;box-sizing:border-box;background-color:#fff}.review{flex-direction:column;gap:20px}.solution-type{width:100%;gap:20px;justify-content:space-evenly}.step-navigator{flex-direction:row;justify-content:center;gap:50%}.thank-you{flex-direction:column;text-align:center}.top-banner{top:0;position:fixed;background-color:var(--color-secondary);height:fit-content;width:100vw;text-align:center;z-index:1}.top-banner-text{padding:5px}nav{position:relative;margin-top:50px}.main-nav{flex-direction:column}.nav-logo img{width:100px;height:90px}.nav-links{flex-basis:100%}.nav-links ul{justify-content:space-between;list-style:none;position:sticky}li{display:inline-block;margin:0 10px}a{text-decoration:none;color:#fff}.nav-key{text-decoration:none;text-decoration-color:var(--text-light-grey);text-underline-offset:5px;text-decoration-thickness:1px}.nav-key:hover{cursor:pointer;color:var(--color-secondary);transition:.5s ease-in-out;text-decoration:underline}.profile{height:30px!important;width:30px!important}@media screen and (max-width: 768px){.nav-links .links{flex-direction:row}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #000000;--color-secondary: #E75D59;--homepage-font-family: "Wittgenstein", serif;--text-light-grey: #6E777F;--heading-font-family: "Cardo", serif;--text-primary: white}h1{font-family:var(--heading-font-family);font-size:3em;text-align:center}body{font-family:Noto Sans,sans-serif;background-color:var(--color-primary);color:var(--text-primary)}.internal-container{margin-inline:20px;padding-inline:10px}.flex{display:flex;align-items:center}.button{display:inline-block;padding:5px;margin-top:10px;border:2px solid white;cursor:pointer}.filled-button{display:inline-block;background-color:var(--color-secondary);padding-inline:20px!important;padding:5px;border-radius:20px;color:#fff;cursor:pointer;margin-top:10px}.disabled-link{pointer-events:none;cursor:not-allowed;color:gray}.disable:hover{cursor:not-allowed}.special-heading{text-decoration:underline;text-decoration-color:var(--text-light-grey);text-underline-offset:20px;text-decoration-thickness:1px}.login-container{justify-content:center;margin-top:70px;height:30vh}.login-modal{width:100%;justify-content:center;flex-direction:column;max-width:400px;padding:30px;box-shadow:#fbc09366 0 2px 4px,#fbc0934d 0 7px 13px -3px,#fbc09333 0 -3px inset;border-radius:10px;gap:10px}.google-text{color:gray}.feed-content{display:flex;margin:10px;justify-content:space-evenly;flex-wrap:nowrap}:root{--color-feed-dark-contrast: #555555;--color-feed-light-contrast: #999999;--color-feed-text: #999999;--color-feed-icon: #1976d2}.feed-sidebar{display:flex;flex-direction:column;min-width:220px}.feed-post{max-width:700px;min-width:700px}.feed-loader{display:flex;justify-content:center;align-items:center}.feed-card{box-shadow:#fbc09366 0 2px 4px,#fbc0934d 0 7px 13px -3px,#fbc09333 0 -3px inset!important}.feed-card-header{color:#eed!important}.feed-interaction{margin-top:25px;display:flex;justify-content:space-between;gap:10px}.feed-interaction-icon{color:var(--color-feed-light-contrast)}.feed-interaction-text{color:var(--color-feed-dark-contrast)}.post-chip{background-color:#555!important;color:var(--text-primary)!important;margin:2px;padding:1px;border-radius:10px;width:fit-content}.feed-sol-sec{margin-top:10px;display:flex;justify-content:space-evenly;color:var(--color-feed-text)}.solution-color{text-decoration:underline;text-underline-offset:5px;cursor:pointer}.solution-color:hover{color:#20b2aa}.score-edit{margin-left:8px;cursor:pointer}.score-edit .MuiSvgIcon-root{font-size:1rem;color:var(--color-feed-icon)}.feed-theme{background-color:var(--color-primary)!important;color:var(--text-primary)!important}.reverse-theme{border-radius:5px;border-bottom:1px solid var(--color-feed-dark-contrast)!important}.collapsible-button{display:inline;background:none;color:var(--color-feed-icon);border:none;cursor:pointer;text-align:left;font-size:.6rem;text-decoration:underline}.feedback-button{background-color:#308cd8}.emoji-picker{margin-top:10px}.emoji-mart{max-width:350px}.post-detail{display:flex;flex-direction:column;margin-top:10px}@media screen and (max-width: 768px){.feed-content{flex-direction:column}.feed-sidebar{flex-basis:100%}.sidebar-filter{display:flex;gap:10px}.feed-card-header{display:none}.feed-post{flex-basis:100%;max-width:700px;min-width:0px}.feed-search{display:none}.internal-container{padding-inline:0}.feed-sol-sec{flex-direction:column;align-items:center;text-align:center;gap:20px}.your-score{padding-left:20px}.emoji-mart{max-width:250px}}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor:hover,.emoji-mart-anchor:focus,.emoji-mart-anchor-selected{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg,.emoji-mart-anchors img{fill:currentColor;height:18px;width:18px}.emoji-mart-scroll{overflow-y:scroll;overflow-x:hidden;height:270px;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:7px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:#fffffff2}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji",Segoe UI Symbol,Segoe UI,"Apple Color Emoji",Twemoji Mozilla,"Noto Color Emoji","Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-emoji,.emoji-mart-preview-data,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width,padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width,height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.emoji-mart-dark{color:#fff;border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor:hover,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor-selected{color:#bfbfbf}.profile-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:20px}.profile-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:80%;box-shadow:#fff6 0 2px 4px,#ffffff4d 0 7px 13px -3px,#fff3 0 -3px inset,#fff6 0 -4px 6px;padding:20px}.user-email{color:#999}.upload-question{margin-top:8px;color:#555}.circular-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.my-post{display:flex;flex-direction:column;gap:10px;width:80%;margin-top:20px}@media screen and (max-width: 768px){.profile-header{width:80%}.my-post{width:100%}}