body{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}*{color:#272f49;font-family:"Roboto",sans-serif;text-shadow:.5px .5px .5px #000;text-decoration:none;font-weight:700}body{margin:0;padding:0;max-width:100vw}.box-shadow{box-shadow:3px 3px 10px #272f49}nav{display:flex;justify-content:space-between;padding:10px 50px;font-size:20px;height:25px;background-color:#000}a{text-decoration:none;color:#fff;transition:all .3s ease 0s}a:hover{color:#0088a9}.hello{text-decoration:none;color:#fff;transition:all .3s ease 0s}.hello:hover{color:#0088a9}@media screen and (max-width:599px){nav{display:flex;flex-wrap:wrap;justify-content:space-between;height:unset;font-size:unset;padding:15px}}.login-body{background-color:#c7c7c7;width:auto;height:95vh}.log-form-box{width:500px;padding:70px;position:absolute;background-color:#494949;text-align:center;border-radius:10px;top:50%;left:50%;margin:-250px 0 0 -280px;border:4px solid #fffecb}#password,#username{font-size:20px;display:block;text-align:center;margin:10px auto;border:2px solid #00f;padding:14px 10px;outline:none;border-radius:15px;transition:.35s;color:#000}#password:focus,#username:focus{width:320px}.login-text{color:#fff;font-size:30px;font-family:"Permanent Marker",cursive}#btn{background:#d1d1d1;border:2px solid #00f;padding:14px 10px;outline:none;cursor:pointer;border-radius:20px;transition:.35s;color:#070707;font-size:24px}#btn:hover{background-color:#20b2aa}@media (max-width:599px){.login-body{background:linear-gradient(red,#ff0);width:100%;height:100vh;justify-content:center}.log-form-box,.login-body{display:flex;align-items:center}.log-form-box{position:static;margin:0;background-color:rgba(0,0,0,.8);width:70%;padding:2rem;flex-direction:column;text-align:center;-webkit-transform:translateY(-20%);transform:translateY(-20%)}#password,#username{width:80%;border:2px solid red}#password:focus,#username:focus{width:90%}#btn{background-color:#fffecb;border:2px solid red}}#reg-body{background-color:#c7c7c7;width:auto;height:95vh}.reg-form-box{width:500px;padding:70px;position:absolute;background-color:#494949;text-align:center;border-radius:24px;top:50%;left:50%;margin:-250px 0 0 -280px;border:4px solid #fffecb}#reg-email,#reg-password,#reg-username{display:block;font-size:20px;text-align:center;margin:10px auto;border:2px solid #00f;padding:14px 10px;outline:none;border-radius:15px;transition:.35s;color:#000}#reg-email:focus,#reg-password:focus,#reg-username:focus{width:320px}.register-text{color:#fff;font-size:30px}#reg-btn{background:#d1d1d1;border:2px solid #00f;padding:14px 10px;outline:none;cursor:pointer;border-radius:20px;transition:.35s;color:#070707;font-size:24px}#reg-btn:hover{background:#9df0de}@media (max-width:599px){#reg-body{background:linear-gradient(red,#ff0);width:100%;height:100vh;justify-content:center}#reg-body,.reg-form-box{display:flex;align-items:center}.reg-form-box{position:static;margin:0;background-color:rgba(0,0,0,.8);width:70%;padding:2rem;flex-direction:column;text-align:center;-webkit-transform:translateY(-20%);transform:translateY(-20%)}.register-text{color:#fff;font-size:30px;margin-left:50px}#reg-email:focus,#reg-password:focus,#reg-username:focus{width:90%}#reg-btn{background-color:#fffecb;border:2px solid red}#reg-email,#reg-password,#reg-username{width:80%;border:2px solid red}}#user-profile-body{background-color:#c7c7c7;width:auto;height:95vh;display:flex;flex-direction:column;align-items:center}#my-peeves-h3{font-family:"Permanent Marker",cursive;font-size:40px}@media (max-width:599px){.page-title{margin-top:0}#user-profile-body{background:linear-gradient(red,#ff0)}}#new-section{background-color:#c7c7c7;width:auto;height:95vh}.new-form{padding:50px 30px;position:absolute;background-color:#494949;text-align:center;border-radius:10px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #fffecb}#add-peeve-text{margin:-50px 0 0;color:#fff;font-size:30px}#new-title{font-size:20px;margin:0 auto;padding:10px;width:auto}#new-content,#new-title{text-align:center;border:2px solid #000;outline:none;border-radius:10px;transition:.35s;color:#000}#new-content{font-size:25px;padding:0 20px;height:150px;margin:0;display:flex;flex-direction:column;align-items:center}#peeve-submit-btn{margin-bottom:-50px;padding:15px 25px;font-size:20px;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#027e1d;border:none;border-radius:15px;box-shadow:0 3px 3px #999;width:110px}#peeve-submit-btn:active{background-color:#009130;box-shadow:0 3px #666;-webkit-transform:translateY(4px);transform:translateY(4px);color:#000;text-align:center}#peeve-submit-btn:hover{background-color:#02af3b}#new-title:focus{width:80%}@media (max-width:599px){#new-section{background:linear-gradient(red,#ff0);width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.new-form{background-color:rgba(0,0,0,.8)}}#edit-section{background-color:#c7c7c7;width:auto;height:95vh}#edit-form{width:500px;padding:70px;position:absolute;background-color:#494949;text-align:center;border-radius:10px;top:50%;left:50%;margin:-250px 0 0 -280px;height:25vh;display:flex;flex-direction:column;justify-content:space-around}.all-btns{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:-20px;padding-top:50px}#edit-peeve-title{margin-top:-50px}#edit-title{margin-bottom:15px;height:80px}#edit-content{height:500px}#submit-btn{background-color:#027e1d}#cancel-btn,#submit-btn{margin-bottom:-50px;padding:10px 20px;font-size:19px;text-align:center;cursor:pointer;outline:none;color:#fff;border:none;border-radius:15px;box-shadow:0 3px 3px #999;width:110px}#cancel-btn{background-color:#402e92}#edit-delete-btn{margin-bottom:-50px;padding:10px 20px;font-size:19px;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#850000;border:none;border-radius:15px;box-shadow:0 3px 3px #999;width:110px}#submit-btn:active{background-color:#009130}#cancel-btn:active,#submit-btn:active{box-shadow:0 3px #666;-webkit-transform:translateY(4px);transform:translateY(4px);color:#000;text-align:center}#cancel-btn:active{background-color:#543ac7}#edit-delete-btn:active{background-color:#810000;box-shadow:0 3px #666;-webkit-transform:translateY(4px);transform:translateY(4px);color:#000;text-align:center}#submit-btn:hover{background-color:#02af3b}#cancel-btn:hover{background-color:#4e36b8}#edit-delete-btn:hover{background-color:#c00505}@media (max-width:599px){#edit-section{background:linear-gradient(red,#ff0);width:100%;height:100vh;overflow-y:hidden;justify-content:center}#edit-form,#edit-section{display:flex;align-items:center}#edit-form{position:static;margin:0;background-color:rgba(0,0,0,.8);width:80%;flex-direction:column;text-align:center;-webkit-transform:translateY(-20%);transform:translateY(-20%)}#edit-content,#edit-title{width:100%;padding:.5rem;border:2px solid red;font-size:1.2rem}.all-btns{display:flex;justify-content:center;margin:0;padding:0}#submit-btn{font-size:19px;text-align:center;cursor:pointer;outline:none;color:#fff;background-color:#027e1d;border:none;border-radius:15px;box-shadow:0 3px 3px #999}}#user-post-box{margin:10px;width:300px;height:auto;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;border-radius:15px;background-color:#424242;border:1px solid #fffecb;align-items:center;padding-bottom:25px}#users-post{background-color:brown;margin-top:5px;border-radius:15px;text-align:center}#edit-sumbit-btn{box-shadow:0 1px 0 0 #3dc21b;background:linear-gradient(180deg,#00a12b 5%,#5cbf2a);background-color:#027e1d;border-radius:6px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:15px;font-weight:700;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #2f6627}#edit-sumbit-btn:hover{background-color:#02af3b}@media (max-width:599px){#user-post-box{background-color:rgba(0,0,0,.8)}}.home{background-color:#c7c7c7;width:auto;height:95vh}.all-posts{display:flex;flex-wrap:wrap;justify-content:space-around}#peeve-pic{display:flex;position:relative;margin:-20px auto 20px;padding:0 auto}#top-peeve-title{padding:15px;font-size:40px;text-align:center;font-family:"Permanent Marker",cursive}#post-box{background-color:#494949;width:500px;height:200px;padding-top:0;border-radius:4px;text-align:center;margin-bottom:20px;height:100%;border:1px solid #fffecb}#post-content,#post-title{color:#fff}#post-comment{border-radius:5px;height:20px;width:200px}#add-comment-btn{background-color:#027e1d;border-radius:9px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:12px;padding:4px 8px;text-decoration:none;text-shadow:0 1px 0 #2f6627;margin:10px}#add-comment-btn:hover{background-color:#02af3b}@media only screen and (max-width:600px){#post-box{background-color:#ff2e00;width:500px;height:200px;padding-top:0;border-radius:4px;text-align:center;margin-bottom:20px;height:100%}}@media (max-width:376px){#post-box{background-color:#ff2e00;width:500px;height:200px;padding-top:0;border-radius:4px;text-align:center;margin-bottom:20px;height:100%}}.easter-page{background-color:#c7c7c7;font-weight:bolder;text-align:center}.page-title{font-size:40px;font-family:"Permanent Marker",cursive}h1,h2,h3,h4,p{color:#272f49;padding:.2rem;font-weight:bolder}@media (max-width:599px){.easter-page{background:linear-gradient(red,orange);border:5px solid #fff;font-weight:bolder;text-align:center}h1,h2,h3,h4,p{color:#fff;padding:.2rem;font-weight:bolder;text-shadow:0 0 10px #000}}#details-sections{text-align:center;width:400px;height:auto;padding:10px;margin:0 auto;background-color:#494949;border:1px solid #fffecb;border-radius:15px}h1{font-size:40px;text-align:center;font-family:"Permanent Marker",cursive}.comment-detail{color:#fff;font-size:25px}button{background-color:#027e1d;border-radius:9px;border:1px solid #18ab29;display:inline-block;cursor:pointer;color:#fff;font-family:Arial;font-size:12px;padding:4px 8px;text-decoration:none;text-shadow:0 1px 0 #2f6627;margin:10px}@media (max-width:599px){#details-sections{background-color:rgba(0,0,0,.8)}.detail{background:linear-gradient(red,#ff0);height:100vh;overflow-y:hidden}}
/*# sourceMappingURL=main.cba5ac92.chunk.css.map */