*{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        html{
            font-size: 14pt;
			background-image: url("Fondo.png");
			background-repeat: no-repeat;
  			background-size: full;
        }
        
        body{
           font-family: 'Ultra', serif;
        }
        h1{
            text-align: center;
            font-size: 3rem;
			color: #2B2129;
            background-color: #DE8D59;
        }
        #myform{
             display: flex;
            flex-direction: column;
            
        }
        .wrapper{
            display: flex;
            justify-content: space-around;
            padding-top: 10px;
            font-family: 'VT323', monospace;
            height: auto;
        }
          .wrapper1{
            display: flex;
            justify-content: space-around;
            padding-top: 10px;
            font-family: 'Ultra', serif;
            height: auto;
			  border-radius: 20px;
        }

		input {
			font-family: 'Ultra', serif;
			font-weight: 100;
			background-color: transparent;
		}
   
        .left{
            width: 200px;
			background-color: #2B2129;
			border-radius: 20px;
			color: #2B2129;
          
        }
			::-webkit-input-placeholder { /* Edge */
			  color: white;
			}

			:-ms-input-placeholder { /* Internet Explorer 10-11 */
			  color: white;
			}

			::placeholder {
			  color: white;
			}
        .right{
            width: 200px;
			background-color: #2B2129;
			border-radius: 20px;
			color: #2B2129;
        }
        
         
        .punts1, .punts2, .punts3, .punts4{
            width: 100%;
            height: 130px;
            display: block;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .punts2>h3, .punts4>h3{
            background-color: #FFF3C0;
            text-align: center;
            height: 30px;
        }

		.punts1>h3, .punts3>h3 {
            background-color: #FFF3C0;
            text-align: center;
            height: 30px;
			border-top-left-radius: 20px;
			border-top-right-radius: 20px;
        }

          input{
          width: 100%;
           height: 30px;
           text-align: center;
           font-size: 1.4rem;
           color: greenyellow;
		  border-bottom: 15px;
			  border: 0px;
        
        }
        input[placeholder] {
            font-size: 0.9rem;
            color:white;
            font-family: 'EB Garamond', serif;
			font-weight: 800;
            
            
        }
        .wrapper2{
            display: flex;
            justify-content: center;           
            color: white;
            padding: 10px;
            font-family: 'Ultra', serif;
            height:auto;
        }
           
        .resultat{
            margin: 0 auto;
            width: 100%;
            text-align: center;
            color: #2B2129;
          
        }
        .resultat>p  {
            display: inline-block;
            font-size: 1rem;
			padding: 15px;
        } 
     
          span{
            border: dotted #2B2129 3px;
			border-radius: 15px;
            width: 60px;
            height:60px;
            display: inline-block;
            margin-top: 10px;
			margin: 0 auto;
        }
        #boto{
            margin: 30px;
            background-color:#933B2A;
			color: white;
            height: 50px;
            border-radius:10px;
			border: 0px;
            padding: 10px;
            font-size: 1.2rem; 
            font-weight: 100;
            font-family: 'Ultra', serif;
            
        }
        #sumando1,  #sumando2,  #sumando3,  #sumando4{
            font-size: 2rem;
            display: flex;
            align-items: center;
            justify-content: center;
            color:greenyellow;
        }
        .per_esborrar{
            display: flex;
           justify-content: center;     
            padding: 10px;
            
        }
        .esborrar{
        
            margin: 10px;
            background-color:#933B2A;
            color: white;
            height: 50px;
            border-radius:10px;
			border: 0px;
            padding: 10px;
            font-size: 1.2rem; 
            font-weight: 900;
            font-family: 'Ultra', serif;
        }
        .inici{
            margin: 10px;
            background-color: #933B2A;
            color: white;
            height: 50px;
            border-radius:10px;
            padding: 10px;
			border: 0px;
            font-size: 1.2rem; 
            font-weight: 100;
            font-family: 'Ultra', serif;
        }
         a{
             text-decoration: none;
             color: white;
			 font-family: 'Ultra', serif;
			 
        }
           .inici a:hover{
             text-decoration: none;
             display: block;
             color: white;
        }
/* CSS Document */