div.Form{
    width: 60%;
    
    border-radius: 3em;
    left: 20%;
    top: 10%;
    align-items: center;
    background-color: cornflowerblue;
    position: absolute;
    
    z-index:0;
    padding-left:0.5em;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    border: 0.1em solid black;
    outline: #ff9900 solid 0.1em;
}


h1.h1reg{
    text-align: center;
}

input.RegForm{
    font-family: 'Roboto Mono';
    position: relative;
    color: black;
    left: calc(50% - 7.5em);
    width: 15em;
    height: 2.5em;
    text-align: center;
    margin: 0.3em;
    background-color: #ff9900;
    border: black 1px solid;
    outline: #ff9900 solid 0.2em;
    border-radius: 0.5em;
    transition: 0.5S;
}

/*
button{
    font-family: 'Roboto Mono';
    position: relative;
    color: black;
    left: calc(50% - 7.5em);
    width: 15em;
    height: 2.5em;
    text-align: center;
    margin: 0.3em;
    background-color: #ff9900;
    border: black 1px solid;
    outline: #ff9900 solid 0.2em;
    border-radius: 0.5em;
    transition: 0.5S;
}
*/

input.RegFormChecked{
    font-family: 'Roboto Mono';
    position: relative;
    content: ' \2714';
    color: black;
    left: calc(50% - 7.5em);
    width: 15em;
    height: 2.5em;
    text-align: center;
    margin: 0.3em;
    background-color: lightgreen;
    border: black 1px solid;
    outline: #ff9900 solid 0.2em;
    border-radius: 0.5em;
    transition: 0.5S;
}

input.RegFormNum{
    font-family: 'Roboto Mono';
    position: relative;
    color: black;
    left: calc(50% - 6.5em);
    width: 2em;
    height: 2.5em;
    text-align: center;
    margin: 0.3em;
    background-color: cornflowerblue;
    border: black 1px solid;
    outline: #ff9900 solid 0.2em;
    border-radius: 0.5em;
    transition: 0.5S;
}

input.RegForm:hover{
    background-color: #505050;
    color: white;
    transition: 0.5S;


}

input.RegFormSubmit{
    font-family: 'Roboto Mono';
    position: relative;
    color:white;
    left: calc(50% - 5em);
    width: 10em;
    height: 2.5em;
    text-align: center;
    margin: 0.3em;
    background-color: #666666;
    border: black 1px solid;
    outline: #ff9900 solid 0.2em;
    border-radius: 0.5em;
    transition: 0.5S;
}

input.RegFormSubmit:hover{
    background-color: #cccccc;
    color: black;
}


@keyframes alertmessage {
	from{
		background-color: red;
	} to {
		background-color: cornflowerblue;
	}
	}

    @keyframes alertmessageOK {
        from{
            background-color: green;
        } to {
            background-color: cornflowerblue;
        }
        }    

h1.h1regmessage{
    text-align: center;
    position: relative;
    left: 20%;
    font-family: 'Roboto Mono';
    font-size: 1em;
    width: 60%;
    border-radius: 1em;
    background-color: cornflowerblue;
    color: black;
    animation-duration: 2.5s;
	animation-name: alertmessage;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 0.2s;
}

h1.h1regmessageOK{
    text-align: center;
    position: relative;
    left: 20%;
    font-family: 'Roboto Mono';
    font-size: 1em;
    width: 60%;
    border-radius: 1em;
    background-color: cornflowerblue;
    color: black;
    animation-duration: 2.5s;
	animation-name: alertmessageOK;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-delay: 0.2s;

}



div.login {
    width: 550px;
    height: 1.7em;
    position: absolute;
    left: calc(100% - 550px - 1em);
    top: calc(0% + 1em);
    background-color:cornflowerblue;
    align-items: center;
    vertical-align:middle;
    transition: 0.5S;
    transition-delay: 0.5s;
    border-left: 1px solid #ff9900;
    border-bottom: 1px solid #ff9900;
    border-bottom-left-radius: 1em;
}




input.LoginForm{
    font-family: 'Roboto Mono';
    position: relative;
    color: black;
    left: 20px;
    width: 15em;
    height: 2.2em;
    text-align: center;
    margin: 0.3em;
    background-color: #ff9900;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 1px;
    border-radius: 0.5em;
    transition: 0.5S;
}

button.LoginForm {
    border-radius: 0.5em;
        height: 2.5em;
        background-color: chocolate;
        width: 7em;
    border: cornflowerblue 2px solid;
    outline: #ff9900 solid 1px;
        left: 20px;
        font-family: 'Roboto Mono';
        position: relative;
}