body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{width:100%}.zyklo_Header__lXH5d{align-items:center;background-color:#fff;color:#810ca8;display:flex;font-family:Quicksand,sans-serif;font-size:25px;height:50px;justify-content:space-between;margin-inline:auto;max-width:1000px;padding:10px;width:100%}.zyklo_container__bDQCC{border-bottom:1px solid #810ca8;left:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.zyklo_Header__lXH5d h4{font-size:35px;font-weight:300}.zyklo_Header__lXH5d h5{font-weight:300}.zyklo_navbtn__q\+sW2{background-color:#fff;border:1px solid #810ca8;border-radius:5px;color:#810ca8;cursor:pointer;margin-left:10px;padding:5px 10px;text-align:center}.SignUp_modal__l3OCp{align-items:center;border-radius:10px;display:flex;justify-content:center}.SignUp_error__dH\+F8{background-color:rgba(255,51,51,.637);color:red;font-size:20px;margin-top:10px;padding:10px 0;text-align:center}.SignUp_Signup_Page__kt\+Jj{background-color:#fff;border-radius:10px;margin:0 10px;max-width:380px;padding:20px 10px}.SignUp_Signup_Page__kt\+Jj h4{color:#810ca8;font-size:30px;font-weight:400;text-align:center}.SignUp_Signup_Page__kt\+Jj input{border:none;border-bottom:1px solid #810ca8;font-size:18px;margin:10px 0;padding:5px;width:100%}.SignUp_Signup_Page__kt\+Jj button{background-color:#810ca8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-size:20px;height:50px;margin-top:20px;padding:5px 0;width:100%}.SignUp_SignUp_footer__rlAP2{text-align:center}.SignUp_SignUp_footer__rlAP2 p{display:inline-block;font-size:17px;margin-right:10px;margin-top:18px}.SignUp_SignUp_footer__rlAP2 .SignUp_loginLink__ZcjTq{color:blue;cursor:pointer;text-decoration:underline}.LogIn_modal__S9R32{align-items:center;display:flex;justify-content:center}.LogIn_SignIn_Page__he1N9{background-color:#fff;border-radius:10px;margin:0 10px;max-width:380px;padding:20px 10px}.LogIn_SignIn_Page__he1N9 h4{color:#810ca8;font-size:30px;font-weight:400;text-align:center}.LogIn_SignIn_Page__he1N9 input{border:none;border-bottom:1px solid #810ca8;font-size:18px;margin:10px 0;padding:5px;width:100%}.LogIn_SignIn_Page__he1N9 button{background-color:#810ca8;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-size:20px;height:50px;margin-top:20px;padding:5px 0;width:100%}.LogIn_SignIn_footer__mxbyC{text-align:center}.LogIn_SignIn_footer__mxbyC p{display:inline-block;font-size:17px;margin-right:10px;margin-top:18px}.LogIn_SignIn_footer__mxbyC .LogIn_loginLink__pqlo7{color:blue;cursor:pointer;text-decoration:underline}.LogIn_error__5Wgpx{background-color:rgba(255,51,51,.637);color:red;font-size:20px;margin-top:10px;padding:10px 0;text-align:center}.Image_Upload_Container{border:1px solid #d3d3d3;margin:10px auto auto;max-width:380px;padding:0 0 10px}.Image_Upload_Container .bar{margin-bottom:8px;margin-top:10px;margin-inline:7px;width:100%}.Image_Upload_Container input[type=file]{margin-bottom:7px;width:100%}.caption_Btn{display:flex;width:100%}input[type=file]::-webkit-file-upload-button{margin-left:5px;padding:5px 10px}.caption_Btn input{border:1px solid #d3d3d3;border-left:none;border-right:none;flex:1 1;font-size:15px;padding:0 8px}.caption_Btn button{background-color:#fff;border:1px solid #d3d3d3;border-right:none;padding:5px 10px}.bar{height:10px}.bar:before{background:#810ca8;border-radius:10px;content:"";display:flex;height:100%;justify-content:end;white-space:nowrap}.Post_post__e10N8{height:auto;margin-inline:auto;margin-top:10px;max-width:370px;width:95%}.Post_post_header__PkXT6{align-items:center;background-color:#ebd8f1;display:flex;height:56px;padding:10px;position:relative;width:100%}.Post_post_header__PkXT6 img{cursor:pointer;position:absolute;right:10px;width:21px}.Post_post_avatar__K8yKR{box-shadow:0 0 0 2px #fff,0 0 0 4px #810ca8;position:relative}.Post_post_avatar__K8yKR>img{height:100%;object-fit:cover;position:relative;right:0;top:0;width:100%}.Post_post_header__PkXT6 button{display:none}.Post_post_header__PkXT6 .Post_delete_btn__8oa8K{background-color:hsla(0,0%,100%,.289);border:1px solid #810ca8;border-radius:20px;bottom:-30px;color:red;cursor:pointer;display:block;font-size:15px;padding:5px 20px;position:absolute;right:-.89px}.Post_avatar__92-YW{align-items:center;display:flex}.Post_post_header__PkXT6 h4{margin-left:10px}.Post_error_div__SDr0h{background-color:salmon;box-sizing:border-box;color:red;font-size:18px;left:0;padding:5px;position:absolute;top:-70%;width:100%}.Post_post_image__x5nCb{width:100%}.Post_post_image__x5nCb img{max-height:480px;object-fit:cover;width:100%}.Post_func__m\+eA3{align-items:center;background-color:#a4a4a4;display:flex;margin-top:-4px;position:relative}.Post_func__m\+eA3,.Post_user_caption__sAzNz{padding:10px}.Post_user_caption__sAzNz{background-color:#ebd8f1;display:flex}.Post_user_caption__sAzNz h4{padding-right:5px}.Post_comments__JZ5pS{background-color:#ebd8f1;max-height:100px;overflow-y:scroll;padding:5px 10px;width:100%}.Post_comments__JZ5pS::-webkit-scrollbar{width:7px}.Post_comments__JZ5pS::-webkit-scrollbar-track{display:none}.Post_comments__JZ5pS::-webkit-scrollbar-thumb{background:#dfdfdf;border-radius:10px}.Post_comments__JZ5pS b{color:#111;margin-right:5px}.Post_comment_input__4U981{display:flex}.Post_comment_input__4U981 input{border:1px solid #ebd8f1;border-right:none;border-top:none;flex:1 1;font-size:15px;font-size:17px;padding:5px 10px}.Post_comment_input__4U981 button{background-color:#fff;border:1px solid #ebd8f1;border-top:none;padding-left:7px;padding-right:7px}.Post_heart__Ldn3W{aspect-ratio:1;background-color:#fff;display:inline-block;margin-left:7px;margin-right:15px;margin-top:5px;position:relative;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:15px}.Post_heart__Ldn3W:after,.Post_heart__Ldn3W:before{aspect-ratio:1;background-color:inherit;border-radius:50%;content:"";position:absolute;width:100%}.Post_heart__Ldn3W:before{left:0;top:-50%}.Post_heart__Ldn3W:after{left:50%;top:0}.Post_likes__1qcsG{font-weight:500;padding-right:10px}.Stories_stories__\+2W49{display:flex;margin-inline:auto;margin-top:10px;max-width:1000px;overflow-x:scroll;padding:10px 0;width:95%}.Stories_stories__\+2W49::-webkit-scrollbar{height:7px}.Stories_stories__\+2W49::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.Stories_stories__\+2W49::-webkit-scrollbar-thumb{background:#888;border-radius:5px}.Story_Single_Story__76qMb{box-sizing:border-box;max-width:80px;padding-inline:10px;text-align:center}.Story_Single_Story_Img__yLjH7{background-color:#fff;border-radius:50%;box-shadow:0 0 0 4px #fff,0 0 0 6px #810ca8;box-sizing:border-box;height:60px;width:60px}.Story_Single_Story_Img__yLjH7 h4{display:grid;font-size:35px;font-weight:400;height:100%;place-items:center}.Story_Single_Story_Img__yLjH7 img{border-radius:50%;height:100%;object-fit:cover;width:100%}.Story_Single_Story_Name__cUwxN{font-size:18px;margin-top:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.Posts_postUploader__ayzPv{-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:#dbcdcd44;bottom:0;position:fixed;width:100%;z-index:10}.Posts_post_container__PVGCn{margin-bottom:125px}.Posts_login_pera__bYCjy{font-size:18px;font-weight:500;margin-inline:auto;max-width:380px;padding:5px 0 10px;text-align:center}@media (min-width:810px){.Posts_post_container__PVGCn{display:grid;grid-template-columns:50% 50%;margin-inline:auto;max-width:700px;width:90%}}@media (min-width:1200px){.Posts_post_container__PVGCn{display:grid;grid-template-columns:33.33% 33.33% 33.33%;margin-inline:auto;max-width:1000px;width:100%}}.my_post{background-color:#fff;height:250px;margin-top:11px;margin-inline:auto;overflow-y:hidden;position:relative;width:175px}.my_post img{min-height:100%;object-fit:cover;width:100%}.post_likes{align-items:center;background-color:#c38bd5;bottom:0;box-sizing:border-box;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;width:100%}@media (max-width:370px){.my_post{width:95%}}.Avatar{align-items:center;aspect-ratio:1;background-color:#d9d9d9;box-shadow:0 0 0 4px #fff,0 0 0 6px #810ca8;display:flex;font-size:16px;justify-content:center;margin-top:35px;margin-inline:auto;position:relative;width:153px}.Avatar,.image{border-radius:50%}.image{height:100%;object-fit:cover;width:100%}.Avatar input{display:none}label{aspect-ratio:1;background-color:#fff;border-radius:50%;bottom:0;box-shadow:0 0 0 2px #810ca8,0 0 0 4px #fff;display:grid;place-items:center;position:absolute;right:0;width:50px}label img{cursor:pointer;margin-top:3px;width:30px}.username{width:100%}.email,.username{font-weight:400;margin-top:35px;text-align:center}.email{font-size:18px}.my_posts{background-color:#ebd8f1;height:auto;margin-top:35px;padding-bottom:13px;padding-top:13px;text-align:center;width:100%}.post_title{font-size:18px;font-weight:400}.grid{grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;display:grid;grid-template-columns:1fr 1fr;margin-inline:auto;max-width:800px;width:95%}.navbtn{border:1px solid #810ca8;color:#810ca8;font-size:18px;margin-top:20px;max-width:400px;padding:10px;width:95%}@media (max-width:370px){.grid{align-items:center;display:flex;flex-direction:column}}@media (min-width:700px){.grid{grid-template-columns:1fr 1fr 1fr}}.loader{height:40px;position:relative;text-indent:-9999em;width:40px}.loader:before{aspect-ratio:1;background-color:#fff;right:4px;top:5px;width:75%;z-index:55}.loader:after,.loader:before{border-radius:50%;content:"";position:absolute}.loader:after{-webkit-animation:loading 2s ease-in infinite;animation:loading 2s ease-in infinite;border:6px solid rgba(129,12,168,.2);border-left-color:#810ca8;height:80%;right:-2px;top:-2px;-webkit-transform:translateZ(0);transform:translateZ(0);width:80%}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.06ffec53.css.map*/