html,body{height:100vh;}body{box-shadow:inset 0 0 150px rgba(0,0,0,.5019607843);}form{height:100%;}.container{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;overflow-x:hidden;}.logo{display:flex;flex-direction:column;row-gap:10px;align-items:center;}.logo svg{height:120px;width:120px;}.logo .brand{font-weight:600;}.loginForm{margin-top:25px;width:225px;background:#272727;border-radius:10px;padding:15px;display:flex;flex-direction:column;justify-items:center;row-gap:3px;border-top:1px solid rgba(255,255,255,.1607843137);border-bottom:1px solid rgba(0,0,0,.3490196078);box-shadow:0 5px 5px rgba(0,0,0,.15);}.loginForm input,.loginForm select,.loginForm button{width:100%;}.loginForm button{margin-top:10px;}.loginForm .error{color:#d35656;font-size:75%;font-weight:600;margin-top:10px;text-align:center;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes colorchange{0%{fill:red;}14%{fill:orange;}28%{fill:yellow;}42%{fill:green;}56%{fill:blue;}70%{fill:indigo;}84%{fill:violet;}100%{fill:red;}}svg:active{animation:spin 1s linear infinite;}svg:active path{animation:colorchange 1s linear infinite;}.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;}