.header{width:100%;height:70px;display:flex;flex-wrap:wrap;margin-bottom:25px;font-size:20px}.header-left{float:left;margin-left:2vw}.header-right{margin-left:auto;float:right}.header-below{display:flex;font-size:25px;margin-left:2vw;margin-bottom:3vh;margin-top:-4vh}.header-side{position:fixed;padding:25px;height:70px;margin-bottom:25px;font-size:20px}.options{width:50%;height:100%;display:flex;align-items:center;justify-content:flex-end}.option{cursor:pointer}.register{margin-right:20px}.login{margin-right:-20px}.logo{width:40px;height:auto;margin-right:6px!important}.logo-right{float:right}.hamburger{display:none;width:40px}.side-links{font-size:25px;color:red;display:inline-flex;z-index:2;text-align:right;margin-top:-5px;margin-right:2vw}.navSlider{display:block;height:100%;width:29vw;position:fixed;z-index:1;top:0;right:0;background-color:#111;overflow-x:hidden;padding-top:60px;transition:.5s;opacity:.7}.navSlider s img{display:none}.closebtn{position:relative;font-size:36px;color:#fff;z-index:2;float:right;bottom:7vh;margin-right:2vw}.no-button{display:none}a:hover{color:red}.top-links{display:inline-flex;margin-top:1vh;margin-right:1vw;float:right;font-size:25px}.story-links{margin-left:4vw}.login-side{left:20px}.register-side{top:-2vh}.sign-out{left:7px}body{margin-left:auto;margin-right:auto;max-width:1160px;min-width:300px;font-family:"Open Sans Condensed";padding:20px;width:100vw;height:auto}a{text-decoration:none;color:red}*{box-sizing:border-box}h1{font-family:"Yellowtail",cursive;font-size:5vh;margin-top:-6.5vh;margin-left:7vw}.posts-footer{display:inline-block;width:100%;height:10px}@media (max-width:340px){.closebtn{margin-right:8vw!important}.side-links{left:33px!important;top:-55px!important}.register-side{top:-9vh!important}.closebtn{left:10px}}@media (max-width:530px){h1{font-size:22px!important;margin-top:-5vh!important;margin-left:45px!important}.header-below{font-size:22px}.top-links{display:none!important}.closebtn{margin-right:4vw}.closebtn,.navSlider{display:block!important}.writer-image{width:100%}.writer-quote{width:88%;margin-top:-10px!important}.hamburger{display:inline-block}.hamburger-off{display:none}.header{display:block;width:100%}.pageHeaderLeft{font-size:20px;margin-top:.5vh!important;margin-left:-.5vw!important}.side-links{position:relative;display:block;color:#fff;left:4.2vw;margin-top:4vh;z-index:2}}@media and (max-width:768px){h1{font-size:4.5vh;margin-top:-6vh;margin-left:9vw}.navSlider{display:none}.writer-quote{margin-top:5px}.text{font-size:16px}.closebtn{display:none}.logo{margin-right:5px!important}}@media (max-width:1024px){.text{font-size:16px}.navSlider{display:none}.logo{margin-right:20px}.closebtn{display:none}}@media (max-width:1600px){.navSlider{display:none}.logo{margin-right:20px!important}.closebtn{display:none}}.image-quote{width:100%;height:auto}.writer-image{min-width:47%;float:left}.writer-pic{width:100%;height:auto;float:left;padding:0 20px 20px 0}.writer-quote{font-family:"Lato",sans-serif;font-size:30px;min-width:40%;height:auto;margin-left:20px;margin-top:-7px}.writer-atrib{float:right;font-size:2vw;font-weight:800;margin-right:30px}.post{border:.2px solid #000;margin-bottom:30px;padding:0 20px 10px;word-wrap:break-word;white-space:pre-line;width:100%;height:auto}.posts-title{font-size:27px;font-weight:300}.posts-text{text-align:justify;margin-bottom:40px;width:90%}.posts-footer{display:inline-flex;justify-content:space-between;font-style:italic;width:90%;height:auto;margin-bottom:30px}.posts-comment{margin-top:14px;float:left;height:auto}.posts-date{float:right}input{font-size:18px;margin:8px 0 10px}input,textarea{width:100%;padding:12px 20px;box-sizing:border-box}textarea{font-size:15px;height:300px;margin:8px 0}button{margin-top:20px;font-color:white;font-size:15px;padding:10px}.pageHeader,button{background-color:#008b8b;color:#fff;font-weight:351}.pageHeader{display:inline-block;font-family:"Open Sans Condensed";padding:1px 15px;width:100%;justify-content:space-between;margin-bottom:3vh;border-radius:10px;margin-top:15px}.backButton{margin-bottom:30px}.pageHeaderLeft{float:left;font-family:"Open Sans Condensed";font-size:20px;margin-top:.5vh;margin-left:-.5vw}.pageHeaderRight{position:relative;float:right;color:#008b8b;margin-top:7px;padding:0 5px;font-size:20px;background-color:#fff;border-radius:10px}.posts-header{font-family:"Open Sans Condensed";font-size:40px;margin-top:3vh;margin-left:-.5vw}.article-header{font-size:50px;text-align:center;font-weight:700}.article-page,.article-quote{display:inline-block}.article-quote{font-size:35px;width:100%}.left-text{float:left;width:50%;text-align:left}.right-text{float:right;width:50%;text-align:right}.article-author{width:25%;font-size:20px}.sign-in-sign-up{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px auto 30px 10px}.group{position:relative;margin:45px 0}.group .form-input{background:none;background-color:#fff;color:grey;font-size:18px;padding:10px 10px 10px 5px;display:block;width:100%;border-radius:0;border:none;border-bottom:1px solid grey;margin:25px 0}.group .form-input:focus{outline:none}.group .form-input:focus~.form-input-label{top:-24px;font-size:12px;color:#000}.group input[type=password]{letter-spacing:.3em}.group .form-input-label{color:grey;font-size:16px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:all .3s ease}.group .form-input-label.shrink{top:-24px;font-size:12px;color:#000}.custom-button{min-width:165px;width:auto;height:50px;letter-spacing:.5px;line-height:50px;padding:0 35px;font-size:15px;background-color:#000;color:#fff;text-transform:uppercase;font-family:"Open Sans Condensed";font-weight:bolder;border:none;cursor:pointer;display:flex;justify-content:center}.custom-button:hover{background-color:#fff;color:#000;border:1px solid #000}.custom-button.google-sign-in{background-color:#4285f4;color:#fff}.custom-button.google-sign-in:hover{background-color:#357ae8;border:none}.custom-button.inverted{background-color:#fff;color:#000;border:1px solid #000}.custom-button.inverted:hover{background-color:#000;color:#fff;border:none}.sign-in{width:380px;display:flex;flex-direction:column;padding-left:20px}.sign-in .title{margin:10px 0}.sign-up{display:flex;flex-direction:column;width:380px;margin-top:10px;padding-left:20px}.sign-up .title{margin:10px 0}
/*# sourceMappingURL=main.a3be16bc.chunk.css.map */