/* 
    Created on : Dec 2, 2024, 7:23:18 PM
    Author     : Xtreme Alarm
*/

article, aside, figure, footer, header, nav, section	{   display: block; 				}
													
/*************************************  FONT DEFINITIONS  ********************************/

@font-face      {   font-family: "Poppins-Light";
                    src: url("../fonts/Poppins-Light.ttf") format("truetype");                          }

 html           {   display: block;
                    width: 100%;
                    height: 100vh;
                    background-repeat: no-repeat;
                    background: linear-gradient(-135deg, #c850c0, #4158d0);}
        
body            {   display: block;
                    width: 99%;
                    margin: 0 auto;                                             }
        
.login          {   display: block;
                    width: 400px;     
                    margin: 250px auto;
                    background-color: white;    
                    font-family: "Poppins-Light";
                    border: 1px solid white;
                    border-radius: 8px;                                         }
        
.login table    {   margin: 20px auto;                                          }
        
.login td:first-child   {   text-align: right;
                            padding: 4px 15px;                                  }

.login p        {   margin: 20px auto;
                    text-align: center;
                    font-size: 14pt;
                    font-weight: bold;                                          }
        
input           {   width: 150px;
                    padding: 4px 15px;
                    text-align: center;
                    background-color: #c850c0;
                    color: white;
                    border-radius: 5px;                                         }

button          {   width: 175px;
                    padding: 4px 15px;
                    text-align: center;
                    background-color: #4158d0;
                    color: white;
                    border: 1px solid #4158d0;
                    border-radius: 5px;                                         }

button:hover    {   background-color: #c850c0;
                    border: 1px solid white;
                    font-weight: bold;                                          }

::placeholder   {   color: #e6e6e6;                                             }