.center {
    text-align: center;
}
.hidden{
    visibility: hidden;
    opacity: 0;
}
@keyframes fadeIn {
    0% {
        opacity: 0%;
    }
    100% {
        opacity: 100%
    }
}
p.nHidden {
    font-size: 19px;
    border: 3px solid;
    border-color: black;
    border-radius: 5px;
    background-color: white;
    display: inline-block;
}
p.nHiddenNew {
    font-size: 19px;
    border: 3px solid;
    border-color: black;
    border-radius: 5px;
    background-color: white;
    display: inline-block;
    visibility: visible;
    animation: fadeIn 200ms ease-in-out;
}
.Username{
    height: 100px;
    width: 350px;
    font-size: 20px;
    border: 2px solid;
}
body {
    background-image: linear-gradient(to right,  rgb(206, 236, 204), rgb(236, 236, 163));
}
.submit {
    margin-top: 10px;
    height: 40px;
    width: 120px;
    border-radius: 30px;
    border: 2px solid black;
    background-image: linear-gradient(to bottom right,  rgb(134, 217, 255), rgb(22, 37, 241));
    color: white;
    transition-duration: 0.25s;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    transition-property: all;
}
.submit:hover{
    height: 50px;
    width: 130px; 

}
.submit:active{
    height: 45px;
    width: 125px;
    transition-duration: 20ms;
    background-image: linear-gradient(to bottom right,  rgb(78, 178, 224), rgb(11, 20, 141)); 
}
.redX{
    height: 14px;
    width: 14px;
    margin-inline: 3px;
}
.ruleButton {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100px;
    height: 40px;
    border-radius: 100px;
    border: 2px solid black;
    background-color: red;
    color: white;
    transition-duration: 0.2s;
    transition-delay: 0s;
    transition-timing-function: ease-in-out;
    transition-property: all;
}
.ruleButton:hover {
    height: 45px;
    width: 105px;
}
.ruleButton:active{
    height: 42px;
    width: 102px;
    transition-duration: 20ms;
    background-color: rgb(184, 3, 3);
}
.nHiddenSpecial {
    font-family: sans-serif;
    font-size: 19px;
    border: 3px solid;
    border-color: black;
    border-radius: 5px;
    background-color: rgb(107, 6, 6);
    color: white;
    display: inline-block;
    visibility: visible;
    animation: fadeIn 200ms ease-in-out;
}