#box{
    height: 500px;
    width: 560px;
    border: black solid 1px;
    border-radius: 1.5%;
    background-color: #efefef;
}
body{
    padding: 70px 50px 50px 50px;
}
h2{
    text-align: center;
    color: #343030;
    font
}
#username{
    height: 55px;
    width: 450px;
    margin: 8px 2px 2px 2px;
    border-radius: 8px;
    border: none;
    border-right-style: groove;
    border-left-style: groove;
}
#password{
    height: 55px;
    width: 450px;
    border-radius: 8px;
    margin: 8px 2px 2px 2px;
    border: none;
    border-right-style: groove;
    border-left-style: groove;
}
input::placeholder{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    opacity: 0.5;
    font-size: 15px;
    color: #343030;
}
button{
    height: 55px;
    width: 453px;
    margin: 8px 2px 2px 2px;
    border-radius: 8px;
    border: none;
    background-color: rgb(51, 123, 194);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
p{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 15px;
    color: white;
    
}
a{
    padding-left: 230px;

}
#acc{
    padding: 40px;
    text-decoration: none;
}
#acc1{
    padding-top: 10px;
}
button:active{
    background-color: rgb(30, 103, 176);
}