body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.error-text{color:red}.wrapper{background-image:linear-gradient(180deg,#401414,transparent);background-color:rgba(53,53,53,.65);width:100%;position:relative;min-height:100vh;padding-bottom:5rem}.landing-page-header{position:absolute;top:0;left:0;display:flex;justify-content:left;padding:1rem 0;width:90%;margin:0 auto}.landing-page-header .help-button{margin-left:10px;color:#cbcbcb;cursor:pointer;padding:.6rem;border-radius:50%;text-align:center;vertical-align:middle;background:hsla(0,0%,49%,.6);font-size:2rem;width:4rem;height:4rem}.landing-page-header .help-button span{font-size:2.6rem}.landing-page.content{display:flex;flex-direction:column;justify-content:center;width:100%;margin:0 auto;padding-top:6.5rem}.landing-page.content .carousel{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,51.8%,.15)}.landing-page.content .carousel .left-button,.landing-page.content .carousel .right-button{cursor:pointer;position:absolute;color:"#cbcbcb";justify-content:center}@media (max-width:550px){.landing-page.content .carousel .left-button,.landing-page.content .carousel .right-button{height:3.4rem}}@media (max-width:885px){.landing-page.content .carousel .left-button,.landing-page.content .carousel .right-button{height:4.8rem}}.landing-page.content .carousel .left-button{padding-right:2rem;left:5rem}@media (max-width:550px){.landing-page.content .carousel .left-button{left:2rem}}@media (max-width:885px){.landing-page.content .carousel .left-button{left:3rem}}.landing-page.content .carousel .right-button{padding-left:2rem;right:5rem}@media (max-width:550px){.landing-page.content .carousel .right-button{right:2rem}}@media (max-width:885px){.landing-page.content .carousel .right-button{right:3rem}}.landing-page.content .carousel .landing-page.joke{max-width:80.1rem;margin:0 auto}@media (max-width:550px){.landing-page.content .carousel .landing-page.joke{max-width:75%}}@media (max-width:885px){.landing-page.content .carousel .landing-page.joke{max-width:80%}}.landing-page.content .carousel .landing-page.joke .joke-delivery,.landing-page.content .carousel .landing-page.joke .joke-setup{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.171rem;font-size:4.8rem}@media (max-width:550px){.landing-page.content .carousel .landing-page.joke .joke-delivery,.landing-page.content .carousel .landing-page.joke .joke-setup{font-size:3.8rem}}.landing-page.content .carousel .landing-page.joke .joke-setup{color:#cbcbcb}.landing-page.content .carousel .landing-page.joke .joke-delivery{color:#e5872f}.landing-page.content .landing-page.container{display:flex;flex-direction:column;width:60%;padding-top:5rem;justify-content:center;margin:0 auto;max-width:81.8rem}.landing-page.content .landing-page.container .landing-page.tagline{font-size:3.6rem;color:#cbcbcb}.landing-page.content .landing-page.container .landing-page-login a{color:#00f}.landing-page.content .landing-page.container .landing-page-login a:hover{color:#2424ff}.landing-page.content .landing-page.container .landing-page-login a:active{color:#e5872f}*{box-sizing:border-box}html{font-size:62.5%;height:100%}body{min-height:100%;overflow:auto;font-size:1.6rem}.App{font-family:Roboto,sans-serif;text-align:center;position:relative;min-height:100vh}a{text-decoration:none}p{margin:0}h2{font-size:3.5rem}h1,h2,h3,h4{margin:0;padding:0}body,button,p,span{font-size:1.6rem}.signup-container{background:radial-gradient(circle at 0 0,rgba(114,22,22,0),#721616),url(/static/media/bg-create.27371373.png) no-repeat;background-size:cover;background-position:50%}.login-container,.signup-container{display:flex;align-items:center;justify-content:center;height:100vh}.login-container{background:radial-gradient(circle at 0 0,rgba(114,22,22,0),#721616),url(/static/media/bg-login.c721b50a.png) no-repeat;background-size:cover;background-position:50%}.main-form{color:#cbcbcb;display:flex;flex-direction:column;background-color:rgba(26,23,26,.5);width:50%;padding:4% 6%;text-align:left;border-radius:4px}@media (max-width:885px){.main-form{width:70%}}@media (max-width:550px){.main-form{width:80%}}.main-form .above-boxes{display:flex;justify-content:space-between;margin-bottom:2px}.main-form .above-boxes .error-text{color:#c92b2b}.main-form .above-boxes .error-icon{color:#c92b2b;position:relative;top:26px;right:16px}.main-form .above-boxes .check-icon{color:green;position:relative;top:26px;right:16px}.main-form .text-box{width:100%;margin-bottom:5px;border:0;padding:5px;background-color:#cbcbcb;border-radius:2px}.main-form .bottom-form{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.main-form .bottom-form .form-link{color:#e5872f}.main-form .bottom-form .form-link:hover{color:#ff9e44}.main-form .bottom-form .submit-button{width:150px;border-radius:2px;padding:8px 12px;border:0;color:#cbcbcb;background-color:#c92b2b;cursor:pointer}.main-form .bottom-form .submit-button:hover{background-color:#d33030}.add-joke-dialog{background-color:#eba15c}#form-dialog-title{font-size:4rem}.bottom-joke-modal{display:flex;justify-content:space-between;margin-left:5%}.home-container{background-color:#848484;min-height:100vh}.home-container .jokes-container{padding-top:10px;margin:0 10%;text-align:left;display:flex;flex-direction:column;padding-bottom:100px}.home-container .jokes-container .recent-sort-container{display:flex;justify-content:space-between}.home-container .jokes-container .recent-sort-container .select-input{background:#d3d3d3;width:150px}.home-container .jokes-container .add-joke-container{align-self:center}.home-container .jokes-container .add-joke-container .add-joke-button{background-color:#e5872f;width:150px;padding:5px;font-weight:700}.home-container .jokes-container .single-joke{background:#721616;margin:10px auto;width:100%;padding:10px 20px;border-radius:2px}.home-container .jokes-container .single-joke p{font-size:2.4rem;color:#cbcbcb}.home-container .jokes-container .single-joke .second-part{color:#ff9e44}.home-container .jokes-container .single-joke .icon-flex-container{display:flex;justify-content:space-between;align-items:center}.home-container .jokes-container .single-joke .icon-flex-container .edit-joke-buttons>*{cursor:pointer}.home-container .jokes-container .single-joke .bookmark-button{color:#e5872f;cursor:pointer;margin-right:8px}.home-container .jokes-container .single-joke .share-button{color:#cbcbcb;cursor:pointer;background:hsla(0,0%,80.8%,.5);border-radius:32px;padding:5px 7px}.home-container .jokes-container .single-joke .share-icons{color:#cbcbcb;display:flex;background:hsla(0,0%,80.8%,.5);border-radius:16px;padding:5px}.home-container .jokes-container .single-joke .share-icons>*{padding:0 5px;cursor:pointer}.home-container .jokes-container .single-joke .share-icons .twitter{color:#55acee}.home-container .jokes-container .single-joke .share-icons .facebook{color:#3b5998}.home-container .jokes-container .single-joke .share-icons .chat{color:#59bb59}.footer{position:absolute;bottom:0;right:0;width:100%;background-color:hsla(0,0%,49%,.6);padding:10px 0}.footer .contact-us{margin-right:10px;color:#cbcbcb;text-align:right}.home-header{display:inline-block;bottom:0;right:0;width:100%;height:65px;background:#952121;padding:10px 0;box-shadow:0 4px 2px -2px grey}.logo{-webkit-transform:scale(.32);transform:scale(.32);height:5%;box-shadow:0 0 10px 0 rgba(182,102,28,.5)}.search-form{position:relative;left:80%;width:20%;margin-top:5px}.search-box{font-family:Roboto;font-size:20px;color:#cbcbcb;background:url(/static/media/magnifying-glass-vector-29.dd286735.png) left 5px no-repeat;background-size:13px;background-color:#ad6d6d;background-position:5px;padding-left:23px;width:60%}.search-box.search-box::-webkit-input-placeholder{color:#cbcbcb}.search-box.search-box:-ms-input-placeholder{color:#cbcbcb}.search-box.search-box::placeholder{color:#cbcbcb}.profile-logo{-webkit-transform:scale(.07);transform:scale(.07);position:absolute;top:-225px;right:-225px;box-shadow:0 4px 2px -2px grey;cursor:pointer}.simple-popover{background-color:#ff9e44}
/*# sourceMappingURL=main.de961fe0.chunk.css.map */