@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200&family=Sono:wght@300;500&display=swap);:root{--main-color-dark:#059669;--main-color-basic:#34d399;--main-color-light:#a7f3d0;--strong-shadow:rgba(0,0,0,.24) 0px 3px 8px;--light-shadow:hsla(240,5%,41%,.2) 0px 7px 29px 0px;--layout-shadow:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.3) 0px 1px 3px -1px;--main-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}*{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--main-font);list-style-type:none;padding:0;text-decoration:none}body{margin:0}.App{display:grid;grid-template-columns:1fr 4fr 1fr}.header{align-items:center;background-color:#059669;background-color:var(--main-color-dark);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);box-shadow:var(--layout-shadow);color:#fff;display:flex;grid-column:span 3;justify-content:space-between;padding:10px}.header form,.header-right{align-items:center;display:flex;gap:10px}.header form input{background-color:#a7f3d0;background-color:var(--main-color-light);border:none;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);box-shadow:var(--light-shadow);height:36px;padding:3px}.header form input:focus{background-color:#fff;height:36px;outline:none}.login-signup{border-bottom:1px solid #a7f3d0;border-bottom:1px solid var(--main-color-light);color:#fff}.logout-button{color:#fff}.header-right>h3:hover,.logout-button:hover{color:#a7f3d0;color:var(--main-color-light)}.header form button{background-color:#a7f3d0;border:none;position:relative;right:35px}.header form button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.header form button img{height:33px;width:auto}.sidebar{background-color:#34d399;background-color:var(--main-color-basic);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);box-shadow:var(--layout-shadow);color:#fff;display:flex;flex-direction:column;grid-column:1/2;grid-row:2/4;height:100vh;padding:10px;position:-webkit-sticky;position:sticky;top:0}.sidebar ul li{border-bottom:1px solid #fff}.sidebar h2{color:#fff}.sidebar h2:hover{color:#a7f3d0;color:var(--main-color-light)}.sidebar button{align-self:center;background-color:#059669;background-color:var(--main-color-dark);border:1px solid #fff;box-shadow:0 3px 8px rgba(0,0,0,.24);box-shadow:var(--strong-shadow);color:#fff;font-size:40px;margin-top:30%;padding:5px}.sidebar button:hover{box-shadow:0 15px 25px -5px rgba(darken(dodgerblue,40%));-webkit-transform:scale(1.03);transform:scale(1.03)}.sidebar button:active{box-shadow:0 4px 8px rgba(darken(dodgerblue,30%));-webkit-transform:scale(.98);transform:scale(.98)}.description{background-color:#a7f3d0;background-color:var(--main-color-light);box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);box-shadow:var(--layout-shadow);color:#5a5a5a;grid-column:3/4;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:10px;padding:10px;position:-webkit-sticky;position:sticky;top:0}.description h3 a{color:#5a5a5a;display:inline-block;transition:all .5s ease-out}.description h3 a:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.auth-modal{background-color:#fff;border:3px solid #a7f3d0;border:3px solid var(--main-color-light);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:50vh;left:calc(50% - 25vw);position:absolute;top:calc(50% - 25vh);width:50vw}.auth-modal div{align-items:center;background-color:#059669;background-color:var(--main-color-dark);border-right:3px solid #a7f3d0;border-right:3px solid var(--main-color-light);color:#fff;display:flex;grid-row:1/3;height:100%;justify-content:center;width:100%}.auth-modal>*{align-self:center;justify-self:center}.auth-modal form{display:flex;flex-direction:column;gap:10px}.auth-modal form button{align-self:flex-end;background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}.auth-modal form label{display:flex;gap:5px;justify-content:space-between}#auth-modal-close{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px;position:absolute;right:3px;top:3px}.new-block-modal{background-color:#fff;border:3px solid #a7f3d0;border:3px solid var(--main-color-light);display:grid;grid-template-columns:1fr 3fr;left:calc(50% - 20vw);padding:20px;position:absolute;top:2%;width:40vw}.new-block-modal img{border-radius:20px;height:150px;padding-left:0;width:auto}.new-block-modal textarea{grid-column:2/3;max-width:90%;padding:5px;resize:none}.new-block-modal form>button{align-self:flex-end;grid-column:2/3;grid-row:2/3}#new-block-close-button,.new-block-modal form>button{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}#new-block-close-button{position:absolute;right:3px;top:3px}.new-block-login-error{grid-column:span 2}.profile{display:flex;flex-direction:column;gap:30px;grid-column:2/3;margin:10px;padding:10px}.profile-details{border:3px solid #059669;border:3px solid var(--main-color-dark);display:grid;grid-template-columns:1fr 4fr;padding:10px;width:100%}.profile-details-left-section,.profile-details-right-section{display:flex;flex-direction:column}.profile-details-left-section button{align-self:center}.profile-details-right-section>button{align-self:flex-end}.profile-details-left-section button,.profile-details-right-section button,.profile-details-right-section div button{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}.profile-details-left-section{align-self:center;gap:10px;justify-self:center;padding:10px}.profile-details-right-section{padding:10px}.profile-details-left-section img{border-radius:20px;height:auto;max-height:150px;max-width:300px;padding-left:0;width:100%}.profile-details-right-section div{align-items:center;display:flex;gap:10px}.profile-details-right-section h3{border-top:1px solid #a7f3d0;border-top:1px solid var(--main-color-light)}.profile form{align-items:center;background-color:#fff;border:3px solid #a7f3d0;display:flex;flex-direction:column;gap:10px;justify-content:center;left:40%;padding:10px;position:absolute;top:2%;width:20%}.profile form button:first-child,.profile form button:last-child{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}.profile form button:first-child{align-self:flex-end}.profile-details-right-section button{margin-left:5px}.homepage{grid-column:2/3;margin:10px;padding:10px}.blocks-section,.homepage{gap:10px}.block,.blocks-section,.homepage{display:flex;flex-direction:column}.block{border:3px solid #059669;border:3px solid var(--main-color-dark);padding:10px}.block p{word-wrap:break-word;display:block;height:auto;margin-left:10px;margin-top:0;padding:1px;white-space:normal;width:100%;word-break:break-all}.block h4{border-top:2px solid #a7f3d0;border-top:2px solid var(--main-color-light);margin:0}.block h3{color:#000;margin-bottom:5px;margin-top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.block h3:hover{color:#059669;color:var(--main-color-dark)}.sorting-buttons button{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px;transition:all .5s ease-out}.sorting-buttons{display:flex;gap:20px}.block h5{margin-bottom:2px;margin-top:5px}.block button{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:small;font-weight:700;padding:3px 5px}.follows{display:grid;grid-column:2/3;grid-template-columns:1fr 1fr;margin:10px;padding:10px}.profile-follows-list-element{align-items:center;display:flex;justify-content:space-between}.profile-follows-list-element button{background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}.follows>*>div{margin-right:20px;padding-left:5px}.follows-loggedin-error{grid-column:span 2}.extended-block{display:flex;flex-direction:column;grid-column:2/3;margin:10px;padding:10px}.comments-list-container,.extended-block form{display:flex;flex-direction:column;gap:5px}.extended-block form{align-items:center;align-self:center;justify-content:center;margin-top:5px}.extended-block form button{align-self:flex-end;background-color:#059669;background-color:var(--main-color-dark);color:#fff;font-size:large;font-weight:700;padding:3px 5px}.extended-block textarea{resize:none}.welcome-page{display:flex;flex-direction:column;margin:10px;padding:10px}.comment button{align-self:flex-start}@media only screen and (max-width:1000px){body h3{font-size:12px}body h2{font-size:16px;margin:0}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden}.description{display:none}.sidebar{align-items:center;bottom:0;display:flex;flex:1 1;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-evenly;padding:0 5px;width:100%}.sidebar ul{display:flex;gap:10px;margin:0}.sidebar ul li{font-size:.7rem}.sidebar button{box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);box-shadow:var(--light-shadow);font-size:.8rem;margin-top:0;padding:2px;width:8em}.header{display:grid;flex:1 1;font-size:.6rem;grid-template-columns:1fr 1fr;padding:0}.header form{-webkit-transform:scale(80%);transform:scale(80%)}.header h1,.header h4{display:none}.extended-block,.follows,.homepage,.profile,.void{flex:8 1;overflow-y:auto}.header-right{flex-direction:column;gap:4px;margin-left:-50px}.header-right h3{margin:0}.auth-modal{display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:0;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.auth-modal div{border:none}.auth-modal form{padding:10px}.new-block-modal{display:flex;flex-direction:column;height:50%;inset:0;margin:auto;width:80%}.new-block-modal form input{width:100%}.follows,.profile-details{display:flex;flex-direction:column}.extended-block form textarea{width:100%}.profile form{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;inset:0;margin:auto;width:80%}}
/*# sourceMappingURL=main.8fb103d2.css.map*/