html{font-size:62.5%}@media only screen and (max-width:75em){html{font-size:56.25%}}@media only screen and (max-width:56.25em){html{font-size:50%}}@media only screen and (min-width:112.5em){html{font-size:75%}}body{box-sizing:border-box}*,:after,:before{margin:0;padding:0;box-sizing:inherit}@font-face{font-family:"ptserif";src:url(/static/media/ptserif.5f7303c0.ttf);font-family:"roboto";src:url(/static/media/roboto.0b2aeb1c.ttf)}body{min-height:100vh;margin-bottom:14rem}@media (max-width:1099px){body{background:grey}}@media (min-width:1100px){body{background:radial-gradient(ellipse at 0 100vh,#000 0,transparent 100%);background-size:200%;-webkit-animation:background-shift-one 5s ease infinite;animation:background-shift-one 5s ease infinite}}@media only screen and (min-width:1024px) and (max-height:1366px) and (-webkit-min-device-pixel-ratio:1.5) and (hover:none){body{background:grey}}body:after{content:"";position:fixed;top:0;right:0;z-index:-1;width:50%;height:100%;background:radial-gradient(ellipse at bottom right,#000 0,transparent 50%)}.container{max-width:60rem;margin:18rem auto 0}@media only screen and (max-width:37.5em){.container{margin:10rem auto 0}}@-webkit-keyframes background-shift-one{0%{background-position:0 0}50%{background-position:100% 200%}to{background-position:0 0}}@keyframes background-shift-one{0%{background-position:0 0}50%{background-position:100% 200%}to{background-position:0 0}}@-webkit-keyframes background-shift-two{0%{background-position:0 0}50%{background-position:100% 200%}to{background-position:0 0}}@keyframes background-shift-two{0%{background-position:0 0}50%{background-position:100% 200%}to{background-position:0 0}}.confession{display:flex;flex-direction:column;font-size:2rem;margin-top:5rem}.confession--text,.confession--title{margin-bottom:1rem}.confession--text:before{content:"“";position:relative;top:3rem;font-size:8rem;line-height:1rem;padding-right:1rem}.confession--text:after{content:"”";position:relative;top:4rem;left:1rem;font-size:8rem;line-height:0}.confession--forgiveness-container{display:flex;width:100%;align-items:center}.confession--forgiveness-counter{display:flex;justify-content:center;flex-grow:1}@media only screen and (max-width:37.5em){.confession--forgiveness-counter{font-size:1.4rem}}.confession--forgiveness-counter:before{content:"";flex-grow:1;height:0;align-self:center;border-bottom:2px solid #000;margin:0 1rem 0 0}.confession--forgiveness-counter:after{content:"";flex-grow:1;height:0;align-self:center;border-bottom:2px solid #000;margin:0 1rem}.confession--forgiveness_counter_separator{margin:0 1rem}.confession--forgiveness_counter-active{white-space:pre;color:#dedede}.confession--forgiveness_counter-inactive{white-space:pre}.confession--button-container{position:relative;flex-grow:0}.confession--button{background:#777;font-family:roboto;font-size:3rem;cursor:pointer;border:none}.confession--button__forgive{width:142px;height:50px;-webkit-clip-path:polygon(0 0,142px 0,120px 50px,0 50px);clip-path:polygon(0 0,142px 0,120px 50px,0 50px);margin-right:-1rem}@media only screen and (max-width:37.5em){.confession--button__forgive{width:72px;height:25px;-webkit-clip-path:polygon(0 0,72px 0,60px 25px,0 25px);clip-path:polygon(0 0,72px 0,60px 25px,0 25px)}}.confession--button-container:after{content:"";position:absolute;top:-1px;left:-1px;z-index:-1;background:#fff;width:144px;height:52px;-webkit-clip-path:polygon(0 0,144px 0,122px 52px,0 52px);clip-path:polygon(0 0,144px 0,122px 52px,0 52px)}@media only screen and (max-width:37.5em){.confession--button-container:after{width:74px;height:27px;-webkit-clip-path:polygon(0 0,74px 0,62px 27px,0 27px);clip-path:polygon(0 0,74px 0,62px 27px,0 27px)}}.confession--button__not{width:80px;height:50px;-webkit-clip-path:polygon(22px 0,80px 0,80px 50px,0 50px);clip-path:polygon(22px 0,80px 0,80px 50px,0 50px)}@media only screen and (max-width:37.5em){.confession--button__not{width:40px;height:25px;-webkit-clip-path:polygon(12px 0,40px 0,40px 25px,0 25px);clip-path:polygon(12px 0,40px 0,40px 25px,0 25px)}}.confession--button-text__forgive{position:relative;top:-2px;left:-4px}@media only screen and (max-width:37.5em){.confession--button-text__forgive{font-size:1.5rem;top:-8px}}.confession--button-text__not{position:relative;top:-2px;left:4px}@media only screen and (max-width:37.5em){.confession--button-text__not{font-size:1.5rem;top:-8px}}.confession--button-container:before{content:"";position:absolute;top:-1px;right:-1px;z-index:-1;background:#fff;width:82px;height:52px;-webkit-clip-path:polygon(22px 0,82px 0,82px 52px,0 52px);clip-path:polygon(22px 0,82px 0,82px 52px,0 52px)}@media only screen and (max-width:37.5em){.confession--button-container:before{width:42px;height:27px;-webkit-clip-path:polygon(12px 0,42px 0,42px 27px,0 27px);clip-path:polygon(12px 0,42px 0,42px 27px,0 27px)}}.confession--button:hover{color:#777;background:#fff}.confession--list{margin:5rem 0}@media only screen and (max-width:37.5em){.confession--list{margin:5rem 1rem}}.confessional-booth__text{font-family:roboto;border:none;color:grey;font-size:4rem;padding:2rem;width:100%;height:15rem;resize:none}.confessional-booth__text.active{color:#000;font-size:2rem;resize:none}.confessional-booth__button{vertical-align:middle;color:#fff;background:#000;border:none;font-family:roboto;font-size:4rem;width:100%;margin:2rem 0;padding:.5rem 0 1rem;cursor:pointer}.confessional-booth__button:hover{color:#000;background:#fff}.confessional-booth__capthca-warning{color:red;font-size:2rem;margin:1rem}.confessions-filter{position:relative;display:flex;width:75%;align-items:center;margin:7rem auto 0}.confessions-filter:before{content:"";flex-grow:1;border-bottom:4px solid #000}.confessions-filter__button{flex-grow:0;position:relative;font-size:2rem;font-family:"roboto";font-style:normal;background:transparent;border:1px solid #000;padding:.5rem 1rem;cursor:pointer}.confessions-filter__button:hover{color:#fff}.confessions-filter__button:last-child{border-left:none}.confessions-filter__button.active{font-style:italic;color:#dedede}.header-title{position:fixed;z-index:1;top:0;left:0;width:100%;font-family:ptserif;font-size:8rem;text-align:center;color:#dedede;background:#000;padding:1rem;box-shadow:0 .5rem .5rem rgba(0,0,0,.7)}@media only screen and (max-width:56.25em){.header-title{font-size:6rem}}@media only screen and (max-width:37.5em){.header-title{font-size:3rem}}
/*# sourceMappingURL=main.9f94cb09.chunk.css.map */