@charset "utf-8";
/* CSS Document */


            * {
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
					
            }

             div.header {
	             width:100%;
                 text-align: center;
				 color:#A0522D; 
				 margin-left:100px;
				 font-size: 90px;
            }
            
                body {
				width:100%;
               /* background-image: url("..//images/jellybean.jpg");*/
                padding: 0;
                margin: 0;
					
            }

          /* body {
			   
			 / 
  /* Location of the image */
           /*background-image: url('../image/jellybeans3.jpg');
  
  /* Background image is centered vertically and horizontally at all times */
          /* background-position: left;
  
  /* Background image doesn't tile */
          /* background-repeat: no-repeat;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
           /*background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
          /* background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
      
         



            div.container3 {
               
				display: block;
                width: 100%;
                max-width: 500px;
                height: auto;
                background-color: #fff;
                padding: 20px;
                margin: 30px 700px ;
		
			
            }

            div.container3 h1 {
                font-family: Arial, sans-serif;
                font-size: 1.8rem;
                line-height: 1.5;
                text-align: center;
				color:#4B0082;
				width: 100%;
            }


              h2{
	
	            font-family: Arial, sans-serif;
                font-size: 1.8rem;
                line-height: 1.5;
                text-align: center;
				color:#8A2BE2;
				width: 100%;
				margin-left: 80px;
				margin-top: 5px;
	
	
            }

            .a{
               font-family: Arial, sans-serif;
                font-size: 100px;
                text-align: center;
				color: #A0522D;
				margin-right: 200px;
				margin-top: 5px;
                text-transform: uppercase;
    
            }
            div.container3 p {
				width: 100%;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.2rem;
                line-height: 1.5;
                text-align: center;
            }
            form#game {
                display: block;
                width: 100%;
                max-width: 600px;
                height: auto;
                background-color: #c2d6d6;
                padding: 20px;
                
            }
            form#game fieldset game {
				width: 100%;
                border: 5px solid #778899;
                padding: 20px;
            }
            form#game legend {
				width: 100%;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.2rem;
                color: #4B0082;
                padding: 0 10px;
            }

            form#game label {
                float: right;
                display: block;
                width: 100%;
                max-width: 200px;
                height: 30px;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1.0rem;
                line-height: 30px;
                color: #fff;
				
            }
            form#game input {
                clear: right;
                display: block;
                width: 100%;
                max-width: 200px;
                height: 30px;
                padding: 0 5px;
				border-radius:10px;
				margin-left:80px;
            }
      
/*
            .error{
				
	            width: 100%;
	            font-size: 25px;
				margin-left:20px;
			    color:#8A2BE2;
                
             }*/
             
              #button{
               border-radius: 10px;
			   border: solid 2px;
			   border-color: #000000;
			   text-align: center;
			   font-size: 15px;
               width: 100px;
			   height:1.8em;
               cursor: pointer;
               margin: 20px 120px; 
               display:block;
			   background-color: #F0FFFF;
            }