@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap";*{font-family:Josefin Sans,Arial,Helvetica,system-ui;padding:0;margin:0}body{background-color:#fcf7f9}:where(h1){margin-block:.67em;font-size:2em}a:link,a:visited{color:#0051ad}.bold{font-weight:700}.title-section{text-align:center;padding:10px;margin:10px}.bigger-image{width:35px;height:35px}.normal-image{width:28px;height:28px}.small-image{width:24px;height:24px}.no-link-style{text-decoration:none}.user-info{display:flex;padding:5px;margin:10px 20px}.username{display:flex;flex-direction:column;justify-content:center;row-gap:4px;padding:2px;margin-left:10px}.username p,.username a:link,.username a:visited{color:#0051ad}.home-greet{padding:15px 20px;margin:10px 30px}.page-error{display:flex;justify-content:center;align-content:center}.page-error div{display:flex;background-color:#130d0d;color:#fcf7f9;border-radius:20px}.page-error div p{display:flex;align-items:center}@media only screen and (max-width: 500px){.page-error div{column-gap:10px;padding:40px 25px;margin:7.5% 10px}}@media only screen and (min-width: 500px) and (max-width: 800px){.page-error div{column-gap:25px;padding:40px 35px;margin:10% 20px}}@media only screen and (min-width: 800px){.page-error div{column-gap:40px;padding:40px 35px;margin-top:10%}}#search-input,.styled-input{border:1px solid #d1d1d1;box-shadow:0 0 6px 1px #e6e3e5;border-radius:12.5px;padding:10px;margin-right:10px}.styled-button{display:flex;align-items:center;font-size:medium;background-color:#ffd9cc;border-style:none;border:1px solid #e6e3e5;box-shadow:0 0 6px 2px #ffd9cc;border-radius:5px;column-gap:7.5px;padding:7.5px 15px;margin:1px 10px}.styled-button p{padding-top:3px}.disabled{background-color:#d2b2a7}.search-form{display:flex}#search-input{display:flex;flex-shrink:1;border:1px solid #d1d1d1;box-shadow:0 0 6px 1px #e6e3e5;border-radius:12.5px}#type-of-search{background-color:#e6e3e5;border-style:none;font-weight:650;border-radius:10px;height:40px;width:80px}.absolute-search-form{display:flex;position:absolute;top:80px;padding:20px}.add-comment-form{display:flex;flex-direction:column;align-self:center;box-shadow:inset 0 0 12px 2px #ffdfd4;border-radius:10px;column-gap:20px}.add-comment-form textarea{align-self:center;border-style:none;border:2px solid #d1d1d1;border-radius:7.5px;padding:17.5px 2.5px;margin:5px;max-width:600px;max-height:30em}.add-comment-form label{text-align:center;margin-top:5px}.info-submit-container{display:flex;flex-direction:row;justify-content:space-around}.info-submit-container .styled-button{margin:7.5px 2px}.add-post-form>div{display:flex;flex-direction:column;align-items:center;border-radius:10px;row-gap:20px;padding:20px;margin:20px 10px}.add-post-form .styled-button{padding:15px 30px}.relative-modal{position:relative}.absolute-modal{display:flex;flex-direction:column;position:absolute;background-color:#e8b5b535;border-radius:20px;top:50px;left:-10px;row-gap:5px;padding:20px 10px}.absolute-search-form,.modal-form{background-color:#ececec9e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:2.5px solid #a7a7a79e;box-shadow:0 0 16px 4px #a7a7a79e;border-radius:15px;row-gap:40px}.modal-form,.dynamic-form{display:flex;flex-direction:column;align-self:center;justify-content:center}.modal-form{position:fixed;top:0;left:0}.dynamic-form{row-gap:20px}.button-container{display:grid;justify-items:center;grid-template-columns:1fr 1fr}.button-container button{padding:20px 30px}.login-container,.signup-container{display:flex;flex-direction:column;background-color:#ececec9e;box-shadow:0 0 14px 4px #ececec9e;border-radius:30px;row-gap:15px}.login-signup-form{display:flex;flex-direction:column;align-items:center;padding:15px;row-gap:15px}.login-signup-form>input{margin-bottom:25px}@media only screen and (max-width: 500px){.search-form{margin:0 2.5px}#search-input{width:100%;min-width:8ch;padding:10px;margin-right:5px}.add-comment-form{padding:20px 7.5px 20px 2px;margin:20px .5px}.modal-form{width:75%;height:70%;top:0;left:0;padding:30px 11% 30px 15px;margin:15px}.login-container,.signup-container{padding:40px 30px;margin:25px 25px 40px}}@media only screen and (min-width: 500px) and (max-width: 800px){.search-form{margin:0 15px}#search-input{width:100%;min-width:100px;padding:10px;margin-right:10px}.add-comment-form{padding:25px;margin:20px 10px}.modal-form{width:80%;height:70%;top:0;left:0;padding:30px 10px;margin:2.5% 8.5% 7.5% 9.5%}.login-container,.signup-container{padding:40px 7.5%;margin:25px 5.5% 40px}}@media only screen and (min-width: 800px){.search-form{margin:0 15px}#search-input{min-width:135px;padding:10px;margin-right:10px}.add-comment-form{padding:35px;margin:20px 10px}.modal-form{width:80%;height:60%;top:0;left:0;padding:30px 10px;margin:4.5% 8.5% 7.5% 9.5%}.login-container,.signup-container{padding:40px 10%;margin:25px 12.5% 40px}}.post-container{display:flex;flex-direction:column;border:none;box-shadow:0 0 10px 3px #ffd5d5;border-radius:7.5px}.post-content{margin:10px}.post-content p{padding:20px 4.5px 10px}.post-tools{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin-bottom:25px}.comment-container{background-color:#fff8f6;border-bottom:2px solid #d1d1d1;border-radius:3px}@media only screen and (max-width: 500px){.post-container{padding:7.5px;margin:2.5px 13.5px 30px}.comment-container{padding:2.5px;margin:5px 5px 30px}.comment-content{padding:5px 2.5px 5px 10px;margin:5px 1px 15px}}@media only screen and (min-width: 500px) and (max-width: 800px){.post-container{padding:15px 20px 10px;margin:2.5px 35px 30px}.comment-container{padding:7.5px;margin:5px 7.5px 30px}.comment-content{padding:5px 10px 5px 15px;margin:5px 7.5px 15px}}@media only screen and (min-width: 800px){.post-container{padding:15px 20px 10px;margin:2.5px 11.5% 30px}.comment-container{padding:12.5px;margin:5px 7.5% 30px}.comment-content{padding:5px 10px 5px 30px;margin:5px 10px 15px}}.user-container{padding:6px}.user-id{display:flex;justify-content:flex-end;margin:-4px 0 0}.user-info-detailed{display:grid;justify-items:center;background-color:#ffd9cc;border-bottom:6px solid #47001a;box-shadow:0 2px 18px -4px #47001a;border-radius:15px}.other-user-info{display:flex;flex-direction:column;justify-content:center;align-content:center;row-gap:15px}.followers-button{background-color:#e9e9ed;border-style:none;border-radius:10px;padding:12.5px 14px}.followers-button a:link,.followers-button a:visited{text-decoration:none;color:#0051ad}.user-preview{display:grid;justify-content:space-around;align-self:center;border:2px solid #d1d1d1;box-shadow:0 0 10px 3px #d1d1d1;border-radius:10px}@media only screen and (max-width: 500px){.user-preview{grid-template-columns:1fr;padding:7.5px 12px 17.5px 15px;margin:15px 15px 35px}.user-preview .user-tools{display:flex;flex-direction:column;row-gap:15px;margin:25px 2.5px 10px}.user-preview .user-tools>div,.user-container .user-tools>div{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.user-container .user-tools{margin-bottom:30px}.user-container .user-tools>div{margin:17.5px 2.5px}.user-info-detailed .user-info .username a address{font-size:larger}.user-info-detailed{grid-template-columns:1fr;padding:10px 12.5px 30px;margin:5px 12.5px 20px}}@media only screen and (min-width: 500px) and (max-width: 800px){.user-preview{grid-template-columns:1fr;padding:5px 15px 2.5px;margin:15px 25px 35px}.user-tools{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:30px 2.5px 25px}.user-tools>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:10px}.user-info-detailed .user-info .username a address{font-size:large}.user-info-detailed{grid-template-columns:1fr 1fr;padding:30px 4px;margin:5px 10px 20px}}@media only screen and (min-width: 800px){.user-preview{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:5px 12px 18px;margin:15px 3.5% 35px}.user-tools{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:15px 2.5px 25px}.user-tools>div{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;column-gap:10px}.user-info-detailed .user-info .username a address{font-size:xx-large}.user-info-detailed{grid-template-columns:1fr 1fr;padding:30px 10px;margin:5px 7% 20px}}.navbar-container{display:grid;justify-items:center;align-items:center;margin-bottom:15px}.navbar-container>div>a>img{padding:7.5px;margin:2px}.absolute-search-modal{display:flex;visibility:visible;flex-direction:column;position:absolute;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#e8b5b535;border-radius:10px;top:70px;row-gap:15px;padding:15px 20px}.absolute-search-modal{left:-100px}.user-menu-modal{left:2.5px}.hidden{display:none;visibility:hidden}#type-of-search{padding:5px 7.5px}@media only screen and (max-width: 500px){.navbar-container{grid-template-columns:.5fr 1.5fr .5fr;column-gap:2px;padding:15px 1px}}@media only screen and (min-width: 500px) and (max-width: 800px){.navbar-container{grid-template-columns:.75fr 1.5fr .75fr;padding:15px 5px}}@media only screen and (min-width: 800px){.navbar-container{grid-template-columns:1fr 1.5fr 1.2fr;padding:15px 5px}}