*
{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
body,html
{
    height: 100%;
    width : 100%;
    color: #fff;
    background-color: #000;
    font-size:1em;
}
body
{
    font-size: 2em;
}

button,input
{
    padding: 0.5em;
    font-size: 1.2em;
}

.form
{
      padding: 2em;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    gap: 1em;
    display: flex;
    flex-direction: column;
    
    
}
.title
{
      color: #ffffff;
    width: 100%;
    font-size: 3em;
}
select
{
font-size: 1.2em;
}
input
{
    font-size: 1.2em;
 
}
.footer
{
    align-items: center;
    padding: 0.5em;
    justify-content: center;
    display: flex;
    flex-direction: row;
}
.page_container
{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.lab
{
     width: 30%;
    padding: 0.2em;
}
.val
{
    width: 70%
}
.itm
{
        gap: 0.7em;
    width: 100%;
    display: flex;
    flex-direction: row;
}
a
{
      text-decoration: none;
    color: #fff;
    font-size: 1.1em;
}

button
{
       padding-left: 1.5em;
    padding-right: 1.5em;
}