.menu{background:#352F44;display:grid}.menu--ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));justify-items:center;align-items:center;height:30px;outline:none}.home{background:#1B2430;height:calc(100vh - 30px);display:grid;grid-template-areas:"titles titles titles" "home-content home-content home-content" "home-content home-content home-content" "home-content home-content home-content";padding:20px}.titles{grid-area:titles}.home-content{grid-area:home-content}.home-subtitle{padding:10px 10px 10px 0}.home-content--textarea{width:90vw;height:50vh;padding:10px;background:white}.blog{background:#1B2430;min-height:100vh;padding:20px}.blog-title,.blog-content{margin-bottom:20px}.blog-content>ul{margin-bottom:20px;padding:0;list-style:none;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profile{background:#040D12;padding:20px;min-height:100vh}.profile>p{overflow:hidden;word-wrap:break-word;white-space:pre-line}.profile--btn{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,100px));gap:10px}.profile-titles{margin-top:20px;border-radius:9px;padding:10px}.profile-title{margin-bottom:20px;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profile--form{margin-top:20px;margin-bottom:20px;border:1px solid white;display:grid;color:#ffbd69;padding:10px;gap:10px}.profile--form>button{width:200px;justify-self:center}.profile--form>input{padding:5px;background:white}.profile--textarea{color:#00f;height:150px;width:100%;resize:both;padding:7px;background:white}.profile-view{padding:10px;border-radius:9px;margin-bottom:20px}.profile-view-title{padding:5px;border-radius:4px;margin-bottom:20px;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profile-view-p{margin-bottom:9px;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profile-premium{padding:10px;display:grid;gap:10px;border-radius:9px;margin-bottom:20px;color:#faebd7}.profile-premium-btn{width:100%;height:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(30px,60px));gap:10px}.profile-premium-btn>button{min-width:60px;min-height:60px;border-radius:50%;border:solid 1px black}.profile-premium-btn>button:hover{border:solid 3px white}.blog-post{background:#040D12;width:calc(100vw - 40px);padding:10px;border-radius:9px;display:grid;grid-template-areas:"title" "blog-content" "btn"}.blog-post-title{grid-area:title;overflow:hidden;word-wrap:break-word;white-space:pre-line}.blog-post-content{overflow:hidden;word-wrap:break-word;white-space:pre-line}.blog-post-btn{margin-top:10px;grid-area:btn}.blog-post-btn--return{margin-right:15px}.blog-post--author{margin-top:10px;color:#03c988;overflow:hidden;word-wrap:break-word;white-space:pre-line}.blog-post-title--p{overflow:hidden;white-space:nowrap;grid-area:blog-content}.login{background:#040D12;min-height:100vh;padding:20px}.login>form{display:grid;color:#7fffd4;margin-bottom:20px;border:solid 1px white;border-radius:9px;padding:10px;gap:10px}.login>form>input{padding:5px;background:white;color:#000}.login>form>button{width:200px;justify-self:center}.login>h1{margin-bottom:7px}.login>h2{color:#ffa069;margin-bottom:7px}.login>ul{list-style:none;color:#eb9eeb;display:grid;gap:7px}.login>ul>li{overflow:hidden;word-wrap:break-word;white-space:pre-line}.logout{background:#1B2430;width:100vw;min-height:100vh;display:grid;justify-items:center;align-items:center}.logout-content{padding:20px;border-radius:9px;background:linear-gradient(217deg,rgba(255,0,0,.603),rgba(255,0,0,0) 70.71%),linear-gradient(127deg,rgba(166,255,0,.527),rgba(0,255,0,0) 70.71%),linear-gradient(336deg,rgb(30,15,247),rgba(0,0,255,0) 70.71%);color:#fff}.logout-content>form{display:grid;gap:10px;margin-top:20px}.profiles-view{border-radius:9px;padding:10px;margin-bottom:20px}.profiles-view-content{margin-top:20px}.profiles-view>h1{overflow:hidden;word-wrap:break-word;white-space:pre-line}.profiles-view-content>h3{margin-top:10px;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profiles-view-content>p{margin-top:7px;overflow:hidden;word-wrap:break-word;white-space:pre-line}.profiles{background:#1B2430;min-height:100vh;padding:20px}.profiles>ul{list-style:none;margin-top:22px;margin-bottom:22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,120px));gap:10px;overflow:hidden;word-wrap:break-word;white-space:pre-line}*{padding:0;margin:0;box-sizing:border-box}p{color:#b9b4c7}h1{color:#96b6c5}h2{color:#f7e987}button{border:none;border-radius:5px;padding:7px;color:#000;background:#79AC78;cursor:pointer}