.home{--mb: .5em}.home>h1{font-size:2em;margin-bottom:var(--mb);color:#fff;text-shadow:1px 1px 2px var(--color-magenta),0 0 1em var(--color-teal),0 0 .2em var(--color-teal)}.home>.comment-form{display:flex;flex-direction:column;margin-bottom:var(--mb)}@media (width >=900px){.home>.comment-form{max-width:50%}}.home>.comment-form .form-group{display:flex;margin-bottom:var(--mb)}.home>.comment-form .form-group label{min-width:100px}.home>.comment-form .form-group input,.home>.comment-form .form-group textarea,.home>.comment-form .form-group button{flex:1;border:0;padding:.3em;outline:none;font-family:Lovelt;resize:none;background-color:#0035359a;color:#ff45ff;border-radius:5px}.home>.comment-form .form-group input{border:1px inset var(--bg-color__alt)}.home>.comment-form .form-group textarea{height:5em;border:1px inset var(--bg-color__alt)}.home>.comment-form .form-group button{font-size:1.3em;border:1px outset var(--bg-color__alt);cursor:pointer}.home>.comment-form .form-group button:hover{border:1px inset var(--bg-color__alt)}.home>.comment-form .form-group button:disabled{background-color:#2c38389a;color:#80808013;cursor:unset}.home .comments{font-size:1.3em}.home .comments>.comment{margin-bottom:var(--mb);padding-bottom:var(--mb);border-bottom:5px dashed rgba(106,69,255,.168);display:flex;flex-direction:column}.home .comments>.comment .name{background-color:#0a200a65;color:#c8c8c8}.home .no-comments{font-size:1.3em}
