*{margin:0;padding:0;text-decoration:none;box-sizing:border-box;scroll-behavior:smooth;list-style:none;-webkit-font-smoothing:antialiased;border:none;font-family:Roboto,sans-serif}:root{--font-color: #996dff;--second-font-color: #fff;--third-font-color: #633bbc;--bg-color: #000;--second-bg-color: #1c1c1c;--third-bg-color: #202020;--ouline-color: #8257e5;--placeholder-color: #7c7c8a;--text-color: #fff}body{background:var(--bg-color);width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--font-color)}#app{position:relative;display:flex;flex-direction:column;align-items:center}#app>img{width:3.5rem}#app>h2,#app>p{color:var(--text-color)}#app>h2{align-self:flex-start;margin-top:4rem}#app>p{align-self:flex-start;text-align:jutify;width:50vw;margin-top:1rem}#app .placeholder{color:var(--placeholder-color);-webkit-user-select:none;user-select:none}#form{margin-top:3rem;display:flex;gap:1rem}#form>input{height:2.8rem;width:50vw;color:var(--second-font-color);background-color:var(--second-bg-color);border-radius:5px;padding:0 .8rem;font-size:.8rem;transition:background .2s}#form>input:focus{outline:2px solid var(--ouline-color)}#form>input:valid{background:var(--second-bg-color)}#form>input:hover{background:var(--third-bg-color)}#form>input::placeholder{color:var(--placeholder-color)}#form>button{width:2.8rem;border-radius:5px;background:var(--ouline-color);cursor:pointer;transition:background .2s}#form>button:hover{background:var(--third-font-color)}#form>button i{font-size:20px;color:var(--second-font-color)}.light{--font-color: #996dff;--second-font-color: #fff;--third-font-color: #633bbc;--bg-color: #fff;--second-bg-color: #d0d0d0;--third-bg-color: #e1e1e1;--ouline-color: #8257e5;--placeholder-color: #323232;--text-color: #000}#theme{position:absolute;top:0%;left:0%}#theme>i{font-size:24px;border-radius:50%;padding:.5rem;text-align:center;background:var(--ouline-color);color:var(--second-font-color);cursor:pointer;transition:background .2s}#theme>i:hover{background:var(--third-font-color)}