*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight: bold;
    scroll-behavior: smooth;
}

body{
    display:flex;
    justify-content: center;
    align-items:center;
    min-height:100vh;
    background: radial-gradient(ellipse ,#ADD8E6 , #87CEEB );
    background-attachment: fixed;
}

#container{
    border-style:solid;
    padding:40px;
    width:900px;
    text-align: center;
    border-radius:15px;
    box-shadow:10px 10px 10px 12px rgba(0,0,0 , 0.55);
}

input{
    margin:8px;
    outline:none;
    border-color:blue;
    color:#167bff;
}

input[type="number"]{
    width: 180px;
    padding:3px;
}

h1{
    margin-bottom:6px;
}

input[type="number"]:disabled{
    border-color:black;
}

input[type="checkbox"],label{
    cursor:pointer;
    user-select: none;
}

button{
    padding:7px 10px;
    margin-top:6px;
    outline:none;
    background: #87CEEB;
    cursor:pointer;
    transition-duration: 1s;
    border-radius: 9px;
}

button:hover{
    transform:scale(1.1);
}

p{
    white-space:pre;
}

#error-el{
    text-wrap: wrap;
}

#pass-el{
    margin-top: 5px;
    margin-top: 6px;
}