*{
                font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; 
            }
            a{   text-decoration: none;
                 display:block;
                clear:both;
                font-size:20px;
                color:black;
                text-align:center;
                font-weight:bold;
                width:300px;
                height:30px;
                background-color:rgba(148,0,211,0.6);
                border:3px outset darkgray;
                border-radius:15px;
                margin:10px;
               /* padding:9px;*/
            }
            a:active { border:3px inset darkgray; 
            transform:translate(5px,5px);
            background-color:rgba(148,0,211,1.0);
                
            }
            body{
                background-color:darkviolet;
            }
            h3{
                
                font-weight:normal;
            }
            p{
                margin-left:35%;
            }
            fieldset{
                display:inline-block;
                font-size:20px;
                background-color:yellow;
                position:absolute;
                left:50%;
                transform:translateX(-50%);
                border-radius:15px;
            }
            form{
                display:inline;
                float:left;
                margin-bottom:10px;
            }
            input{
                float:right;
                clear:right;
               font-size:20px;
               text-align:center;
               display:inline-block;
               border-radius:1px 1px 1px 1px;
               
            }
            input:focus { outline: none; }
            input:disabled{color:black;}
            label{
                padding:3px;
                 float:left;
                 clear:left;
                 width:100px;
                text-align: right;
               
                 display:inline-block;
            }
            button{
                display:block;
                clear:both;
                font-size:20px;
                width:160px;
                background-color:rgba(148,0,211,0.6);
                border:3px outset darkgray;
                border-radius:15px;
                font-weight:bold;
                margin:auto;
            }
            button:active { border:3px inset darkgray; outline:none;}
            button:focus { outline: none;
                        background-color:rgba(148,0,211,1.0);}
            

            button::-moz-focus-inner {
              border: 0;
            }
            
            .hintBtn{
              width:75px;
              position:absolute;
              right:10%;
              top:20%;
              transform:rotate(10deg);
              /*background-color:rgb(148,0,211,1);*/
              opacity:0;
              visibility:hidden;
              border-radius:0px;
              transition:transform 0.25s, opacity 1s;
            }