.login-page{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#0f172a;gap:50px}.login-page-header{color:#0ff;text-align:center;top:10px}.login-box{width:320px;padding:30px;border-radius:10px;background-color:#020617;border:2px solid cyan;display:flex;flex-direction:column;gap:15px}.login-box h2{color:#0ff;text-align:center;margin-bottom:10px}.login-box input{padding:10px;border-radius:5px;border:none;outline:none}.login-box button{padding:10px;border-radius:5px;border:none;background-color:#0ff;color:#000;font-weight:700;cursor:pointer}.login-box button:hover{background-color:#22d3ee}.homepage{display:grid;place-content:center;height:100vh;background:#0f172a;gap:50px}.card{display:flex;height:20vh;width:30vw;border:1px solid;border-radius:10px;background-color:#008b8b;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:contain}.TempHumidity{background-image:url(/assets/temperature-and-humidity-4-BvJvc6cb.png)}.Lights{background-image:url(/assets/light-BhqQ0vWD.png)}.RollerShutters{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAI27AACNuwGddYGAAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAhZQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/eIB8AAAALF0Uk5TAAECAwQFBgcICQoLDA0ODxAREhQVGRobHR4fICIjJCcoKissLS8xMzQ1Njg7PD9AQUJDREZHSEpMTU5PUFJVVldYWlxeX2BhYmRmZ2hpamtsbW5vcHFzdHV3en6AgYKFh4qOj5CUlZiZmpucn6ChpKipqqusrq+wsrS1uLm7vL6/wMLGx8jJysvMzc7Q0tTV1trb3N/g4ePk5ufo6err7O3u7/Dx8vP19vf4+fr7/P3+Q1DADwAACa9JREFUeNrt3ft7z/Ufx/HnZmJFDYmUZek0KsqccihF5xySDlLpqIOSmlLfsJKmKDpYDRU5NGY2/+H3h9a3aPt8Xt/vdX25vF632+/adT0f9zaXfT7vTwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADnx7hlrTs6uk6Sta6OHa3Lxg0wf8v2vjMUom97yznzT9riKmXZMunv+8855iKlOTbnr/1X9LpHeXpX/Ln/XPuXWcDcP/Zv8v2/UMeaIiKizSVK1RYRMdsdyjU7ItqdoVztERNcoWQTYqUjlGxlbHaEkm2OXY5Qsl1xwBFKdiD8K2DResMNyiYAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAFyAALrdoGTd0eEIJeuIzx2hZJ/HBkco2YZY5AglWxSX+1tgwbovj3jfGcr1fkRc1+MOpeq5LiJinUOUal1ERIzc4xJl2jMyIiJi4iG3KNGhidGvudM1ytPZHP8xbqd7lGbnuPibYU/6MVCUQ08Oi7M1PPu1s5Ti62cbYgATH1rz+qYPKzpZ8b975EPOgyMVRzhZ+Q9ven3NQxPjf3ag4tfeHZwHuyuOcOD/+rUFIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAJAAAgAASAABIAAEAACQAAIAAEgAASAABAAAkAACAABIAAEgAAQAAJAAAgAASAABIAAyCqAodfedvf99Lv7tmuHlhTAyMWtx89wluOti0cWEkDd0oP2HsjBpXUlBDBpr6kHs3dS/gHMPGLnwR2ZmXsAs09buZLTs/MO4PqjNq7s6PU5BzD8ewtX8/3wjAN42r7VPZ1vAKN/M291v43ONoDHrZvi8WwD2GrcFFtzDeCKU8ZNceqKTAOYats0UzMNYIFp0yzINIBlpk2zLNMAlpo2zdJMA5hv2jTzMw1gimnTTMk0gBHdtk3RPSLTAOIT46b4JHINYLlxUyzPNoCGX61b3a8N2Qbgt0Epqv0u6GIOYOg39q3mm6EZBxCNhy1c2eHGyDmAmOE3ghWdmhF5BxDTD1l5cIemR+4BRONuOw96wMbIP4CoXbLP1APZt6Q2SgggYti8t/0gOPeb/9vzhiWeL4u3h9dedctdi+h31y1X1abfzgMiCicAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABHAhAxiz5MUN23bQb9uGF5eMKSeAmkVtPjrqH063LaopI4A7v7L2wL66s4AAap4z9OCeq8k9gEves3Il712SeQBv2biyt/IOwIMCq3o85wAaPSOsqlONGQfQat/qWvMNoNm6KZqzDeAl46Z4KdsAfHR0ku9zDWCibdNMzDSAO0yb5o5MA7jPtGnuyzSAVaZNsyrTAO43bZr7Mw2gxbRpWjINoMm0aZoyDaBmv21T7K/JNIB4w7gp3ohcA/CXgCQt2QYQn1m3us8i3wCm9Nm3mr4pGQfg94HVvRQ5BzDEB4hX8cmQrAOIhnYbV9LeEHkHEPXvWnlw79ZH7gFELP3Z0AP7eWnSAS/69waOXNNp7H/qXDMyygggombq2s1fdh6hX+eXm9dOrUm9nucDFE4AAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAC5cALXD6VdbWgCXzl/f/lPPGfr1/NS+fv6lxQQwdt3vNv+n39eNLSKAuufNP1gCz9flH8CorYYe3NZRuQcw9lsrV/Lt2LwDGL7DxpXtGJ51AO9YuJp3cg5gun2rm55vADU7zVvdzppsA5hr3RRzsw1gvXFTrM81gFqPCE3yc22mAUy2bZrJmQYwy7RpZmUawIOmTfNgpgE8Ydo0T2QawL2mTXNvpgFMM22aaZkGcLVp01ydaQCxx7Yp9kSuAaw1boq12QYwude61fVOzjYALwdIUfUFARdxAONP2LeaE+MzDiAeMHA1D0TOAcTLFq7s5cg7gCFv2riSN4dkHkDEqtNmHszpVSkXvNjfGjalzdIDa5sSJQQQMeuDLmufq+uDWYnny+Ht4ZfOW/3qpn/Rb9Orq+clvznYAyJKJwABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEcEEDqG+asfhR+i2e0VRfUgCjHv7Io0LOceKjh0cVEkD9M4ftPZDDz9SXEMDNHaYeTMfN+Qew0OeGVvD7wtwDWNhn5Ur6FuYdwE3+/6/2PeCmnAOo32fhavbVZxzAavtWtzrfAMYcNW91R8dkG8Aq66ZYlW0Ang+XpC3XABp6jJuipyHTAKbaNs3UTANYYNo0CzINYLlp0yzPNIDHTJvmsUwDmGfaNPMyDaDZtGmaMw3gMi8DSnLiskwDiI+Nm+LjyDWAR4yb4pFsAxhxwLrVHRiRbQDxqHmrezTyDaBut32r2V2XcQBxzS8WruyXayLnAOL2kzau5OTtkXcAcetBKw/u4K2RewAx4Qs7D+aLCZF/AFFzz3emHsh399RECQFE1M1ct9/eZ9u/bmZd4vnyeD7A6Mkt8+nXMnn0f3E6D4gonAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQggJwDqGl+6pWN2z6t6FTFr338U86D4xVH6K78h7dtfOWp5oGeSj7+tc4zFKLztfHnzD/ihS5nKUnXC2d9OF3jXicpzd7Gv/afdtg9ynN42p/733DMNUp07IY/9r/yB7co0w9XRkTEBpco1YaIiBv7HKJUfTdGxGZ3KNfmiNE9zlCuntGxxBVKtiQ2OkLJNoZP8i3aF/GjI5Tsx+h2hJJ1V3mJB5k7ELscoWS7/DtQ2TbHSkco2cqY4AglmxDR7grlao+I2c5QrtkREW3uUKq2iIho8oqwQh1r+uM1YXN73aJEvXP/fFXoCgWUuP+Kv14XPsdPgeIcm/P3d4ZM2uIiZdky6Zw3h7Vs9+LQYvRtbxng7aHjlrXu6Og6Sda6Ona0LhvnPfYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADnyb8B8DVkVRRwn5oAAAAASUVORK5CYII=)}#light-container{display:flex;width:100vw;height:100vh;gap:20px;justify-content:center;align-self:center;background:#0f172a;align-content:center;align-items:center}#lighton{background:green;height:10vh;width:10vh}#lightoff{background-color:red;height:10vh;width:10vh}#state-info{background-color:#dcdcdc}#shutter-container{display:flex;width:100vw;height:100vh;gap:40px;justify-content:center;align-self:center;background:#0f172a;align-content:center;align-items:center}.panel{display:block;border:darkcyan 2px solid;width:20vw;height:40vh;align-items:center;justify-content:center;background-color:#dcdcdc;align-content:center}.panel-button{display:flex;width:100%;height:50%;align-self:auto;justify-content:center;align-content:center;align-items:center}