*
{
    margin:0;
    padding:0;
    box-sizing:border-box;
    transition:1s;
    overflow:hidden;
    scroll-behavior:smooth;
}
body{
    font-size:15pt;
    height:100vh;
    align-items:center;
    display:flex;
    justify-content:center;
    background-color:rgba(20,55,
    255,0.5);
    }
    #page{
        position:relative;
        align-items:cenetr;
        display:flex;
        justify-content:center;
        height:550px;
        width:300px;
        background-color:#E8A7FA;
        border-radius:10px;
        overflow:hidden;
        color:#3EFF00;
        box-shadow:inset -1px -1px
        10px,
              inset -1px-1px 10px
    }
    .log 
    {
        position:absolute;
        height:20px;
        width:120px;
        top:10px;
        color:#FFFFFF;
        text-align:center;
        text-transform:uppercase;
        text-decoration:underline;
        box-shadow:1px 1px 5px,
                1px 1px 5px;
        border-radius:50px;
    }
    .inputh
{
    position:relative;
    height:400px;
    width:200px;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    border-radius:20px;
    box-shadow:1px 1px 5px,
           1px 1px 5px
           -1px -1px 5px;
    color:#F3FF00;
}
.n1 
{
    position:relative;
    top:40px;
}
#int1
{
    position:relative;
    top:90px;
}
.input-2 
{
    position:relative;
    top:130px;
}
#int2
{
    position:relative;
    top:180px;
}
span
{
    color:ghostwhite;
}
input
{
height:30px;
width:150px;
text-align:center;
border:none;
border-radius:10px;
background-color:initial;
color:#FFF;
border-bottom:1px solid#FFF;  
}

#regi 
{
    position:absolute;
    bottom:85px;
    font-size:15px;
}

button
{
    display:flex;
    position:absolute;
    left:32%;
    height:40px;
    width:100px;
    bottom:10px;
    text-align:center;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
    text-transform:uppercase;
}
#sub{
    color: #3EFF00;
}
.inputih
{
    position:relative;
    height:1200px;
    width:200px;
    justify-content:center;
    align-items:center;
    text-align:center;
    overflow:hidden;
    border-radius:20px;
    box-shadow:1px 1px 5px,
           1px 1px 5px
           -1px -1px 5px;
    color:#F3FF00;
}
.page{
    position:relative;
    align-items:cenetr;
    display:flex;
    justify-content:center;
    height:650px;
    width:300px;
    background-color:lawngreen;
    border-radius:10px;
    overflow:hidden;
    color:#3EFF00;
    box-shadow:inset -1px -1px
    10px,
          inset -1px-1px 10px
}
.int1
{
    position:relative;
 
  
    top:90px;
}