.auth-page{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden}.auth-page .image-container{height:50vh;width:100vw;order:2;display:grid;grid-template:"box" 100%/100%;justify-items:center;align-items:center}.auth-page .image-container img{height:100%;width:100%;grid-area:box;z-index:1}.auth-page .image-container .img-icon{height:30vh;grid-area:box;z-index:2}.auth-page section{padding:5vh 30vw 5vh 20vw}.auth-page section .form-icon{height:3rem}.auth-page section h1{font-size:3rem}.auth-page section h2{font-size:2rem}.auth-page section h1,.auth-page section h2{font-weight:1000}.auth-page section form{width:50vw;display:flex;flex-direction:column;margin:5vh 0}.auth-page section form button,.auth-page section form input{border:1px solid #dbdcdd;border-radius:50px;margin-top:.5rem;padding-left:.5rem}.auth-page section label,.auth-page section p{font-size:.9rem;font-weight:600}.auth-page section a{text-decoration:none;color:#1da1f2}.auth-page section .legal{font-size:.8rem;font-weight:500}@media only screen and (min-width:1020px){.auth-page{flex-direction:row;justify-content:left}.auth-page .image-container{height:100vh;width:50vw;order:1}.auth-page section{height:100vh;width:50vh;order:2;padding:18vh 5vw}.auth-page section form{width:25vw}}.modal-back{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999;display:flex;align-items:center;justify-content:center}.modal-back .update-body{min-height:50vh;min-width:50vw;background-color:#fff}.modal-back .update-body form{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:1rem}.modal-back .update-body form input{border:1px solid #dbdcdd;border-radius:50px;padding-left:.5rem}.modal-back .update-body form #image-input{border:none}.modal-back .update-body form textarea{border:1px solid #dbdcdd;border-radius:5px;resize:none;padding:.5rem}.modal-back .update-body form button{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.view-container{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999}.view-container,.view-container .profile-view{display:flex;align-items:center;justify-content:center}.view-container .profile-view{min-height:80vh;width:70vw;background-color:#fff;flex-direction:column;text-align:center}.view-container .profile-view .howler-icon,.view-container .profile-view img{height:30vh}.view-container .profile-view .howler-icon,.view-container .profile-view button,.view-container .profile-view h1,.view-container .profile-view img,.view-container .profile-view p{margin-top:1rem}.view-container .profile-view h1{font-size:1.5rem}.view-container .profile-view p{max-width:60vw}.view-container .profile-view .button-container{display:flex;flex-direction:column;width:60%;justify-content:space-evenly;margin-bottom:1rem}.view-container .profile-view .button-container button{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.toolbar{position:fixed;left:0;top:90vh;width:100%;height:10vh;line-height:10vh;font-size:1.7rem;background-color:#fff;border-top:1px solid #dbdcdd;overflow:hidden}.toolbar .howler-icon{display:none}.toolbar .buttons{display:inline-flex;justify-content:space-around;width:100%}.toolbar .buttons .link{text-decoration:none;color:#1da1f2;cursor:pointer}.toolbar .buttons .link label{font-size:1rem!important;display:none}@media only screen and (min-width:500px){.toolbar{position:fixed;top:0;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-height:100vh;text-align:right;border-top:none}.toolbar .howler-icon{margin:1.7rem 1rem 0 2rem;height:2.2rem;display:inline-block}.toolbar .buttons{display:flex;flex-direction:column}.toolbar .buttons .icon{margin:1.7rem 1rem 0 2rem}}@media only screen and (min-width:1020px){.toolbar label{display:inline!important;margin-left:1rem}}.avatar,.avatar img{height:60px;width:60px;display:flex;justify-content:center;align-items:center;border:1px solid #dbdcdd;border-radius:50px;overflow:hidden}.avatar .howler-icon,.avatar img .howler-icon{height:40px}.howl-box{display:none;border-bottom:1px solid #dbdcdd;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;max-width:80vw;padding:1rem 0;background-color:#fff}@media only screen and (min-width:500px){.howl-box{display:block}}.howl-box .howl-form{display:flex;flex-direction:column;width:100%;padding:1rem}.howl-box .howl-form .avatar-howl-container{display:flex;align-items:center}.howl-box .howl-form .avatar-howl-container .howl-input{margin-left:1rem;border:none;outline:none;resize:none;max-width:60vw;font-size:1.2rem;white-space:pre-wrap;overflow-wrap:break-word}.howl-box .howl-form hr{border:0;display:block;max-width:70%;background-color:#dbdcdd;height:1px;margin:.5rem 10% .5rem 20%}.howl-box .howl-form canvas{margin:auto}.howl-box .howl-form label{color:#1da1f2}.howl-box .howl-form .buttons{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:30vh;font-size:2rem}@media only screen and (min-width:500px){.howl-box .howl-form .buttons{flex-direction:row;min-height:0!important;padding:1rem 20% 0 5%}}.howl-box .howl-form .buttons #image-input{display:none}.howl-box .howl-form .buttons button{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.howl-box .howl-form .buttons .chars-remaining{display:inline;font-size:.8rem;position:relative;margin:auto 1rem}.howl{border-bottom:1px solid #dbdcdd;flex-direction:column;padding:1rem;font-size:.8rem}.howl,.howl .avatar-container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;display:flex}.howl .avatar-container{align-items:center}.howl .avatar-container p{text-indent:2rem}.howl .avatar-container button{border:none;background-color:#fff;cursor:pointer}.howl .text-img-container{width:100%;margin:1.5rem auto}.howl .text-img-container .username{margin:0}.howl .text-img-container .howl-text{margin:1rem 0;white-space:pre-line}.howl .text-img-container .img-container{width:100%;display:flex;flex-direction:column;align-items:center}.howl .text-img-container .img-container .img{border:2px solid #dbdcdd;border-radius:20px;max-height:480px;max-width:40vw;margin:auto}.howl .buttons-container{width:50%;padding:1rem}.howl .buttons-container .buttons{display:flex;flex-direction:row;justify-content:space-around}.howl .buttons-container .buttons button,.howl .buttons-container .buttons p{color:#1da1f2;font-size:1.2rem;cursor:pointer;border:none;background-color:#fff}.howl .buttons-container .buttons button :active,.howl .buttons-container .buttons p :active{font-size:1.5rem}.howl .comment-form{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999;justify-content:center}.howl .comment-form,.howl .comment-form form{display:flex;align-items:center;flex-direction:column}.howl .comment-form form{width:50vw;height:30vh;background-color:#fff;border-radius:50px;justify-content:space-around}.howl .comment-form form input{border:none;padding-left:.5rem;height:2rem;width:90%;line-height:2rem}.howl .comment-form form .buttons{width:60%;display:flex;justify-content:space-around}.howl .comment-form form button{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.howl .comments{margin:0 -1rem}.howl .comments .avatar-button{border:none;background-color:#fff}.howl .comments .comment{padding:1rem 5rem;display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid #dbdcdd}.howl .comments .comment p{margin-left:2rem}.howl .liked{color:#e0e02b}.howl .invisible{opacity:0}.howl .delete-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999;background-color:rgba(0,0,0,.3)}.howl .delete-modal,.howl .delete-modal form{display:flex;align-items:center;justify-content:center}.howl .delete-modal form{height:50vh;width:50vw;background-color:#fff;border:1px solid #dbdcdd;border-radius:50px;flex-direction:column;justify-content:space-evenly}.howl .delete-modal form h1{width:50%;font-size:1.5rem}.howl .delete-modal form .buttons{width:50%;display:flex;justify-content:space-around}.howl .delete-modal form .buttons input{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.timeline{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}@media screen and (max-width:500px){.timeline{margin-top:10vh}}header{position:fixed;top:0;left:0;width:100vw;height:10vh;display:flex;align-items:center;background-color:#fff;border-bottom:1px solid #dbdcdd;overflow:hidden}header .avatar{margin:1.2rem;border:none}header strong{font-size:1.2rem}header img{margin-left:auto;margin-right:1rem;height:26px}@media only screen and (min-width:500px){header{display:none}}.page-container{min-height:100vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100vw;display:flex;flex-direction:column}.page-container .sidebar-container{order:2}.page-container .middle-container{order:1;width:100%;padding-bottom:5vh}@media only screen and (min-width:500px){.page-container{display:grid;grid-template-columns:10vw 80vw 10vw;grid-template-areas:"left middle right"}.page-container .sidebar-container{grid-area:left;width:100%}.page-container .middle-container{grid-area:middle;min-height:100vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-right:1px solid #dbdcdd;border-left:1px solid #dbdcdd;display:flex;flex-direction:column;padding-bottom:0}.page-container .right-empty{grid-area:right;width:100%;height:100%}}@media only screen and (min-width:1020px){.page-container{grid-template-columns:20vw 60vw 20vw}}.about-page{height:80vh;width:100vw;display:flex;flex-direction:column;justify-content:space-around;padding:10vh 30vw;text-align:left}.about-page p{text-indent:2rem}.about-page .btn{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.signout-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999}.signout-modal,.signout-modal form{display:flex;align-items:center;justify-content:center}.signout-modal form{min-height:50vh;min-width:40vw;background-color:#fff;border-radius:50px;flex-direction:column;text-align:center;padding:1rem}.signout-modal form h1{font-size:1.5rem}.signout-modal form p{font-size:1rem;color:#6d7b86}.signout-modal form h1,.signout-modal form input,.signout-modal form p{margin-bottom:1rem}.signout-modal form input{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer;width:80%;height:3rem}.legal-page{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;flex-direction:column;justify-content:space-evenly}.legal-page .privacy{max-width:60vw;text-indent:2rem}.legal-page button{border:none;border-radius:30px;padding:0 1rem;font-size:1rem;font-weight:700;color:#fff;background-color:#1da1f2;cursor:pointer}.howl-input-container{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#999;display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;top:0;box-sizing:border-box;overflow-x:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif}
/*# sourceMappingURL=main.0e04b908.chunk.css.map */