        *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body{
            font-family: Arial, sans-serif;
            padding-right: 10;
            margin-right: 2vmin;
            margin-left: 2vmin;
            background-color: #EEF0F0;
        }
        header{
            height:100px;
            width: 100%;
            background: rgb(38, 38, 41);
            display: flex;
            justify-content: center;
            align-items: center;
            color:  #c4c4c4;
            text-transform: uppercase;
            font-size: 15px;
        }
        #container{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        #box{
            background-color: #FFFFFF;
            padding-top: 4%;
            padding-right: 8%;
            padding-bottom: 4%;
            padding-left: 8%;
            margin-right: 8%;
            margin-left: 8%;
            -webkit-box-shadow: 0 0 29px -21px;
            box-shadow: 0 0 29px -21px;
            border-radius: 25px;  
        }
        
        .input{
            width: 250px;
            height: 40px;
            background:#c4c4c4; 
            padding: 10px;
            margin-bottom: 50px;
            border-radius: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .input input{
            background: none;
            outline: none;
            border: none;
            margin-left: 10px;
        }
        label{
            font-size: 25px;
            color:rgb(38, 38, 41);
        }
        
        #btn{
            display: block;
            margin: 20px auto;
            padding-top: 10px;
            padding-right: 50px;
            padding-left: 50px;
            padding-bottom: 10px;
            font-size: 16px;
            background-color: #5BD4AC;
            color: #FFFFFF;
            border-radius: 25px;
            border-color: transparent;
            clear: both;
            cursor: pointer;  } 
        #btn input{
            width: 100%;
            height: 100%;
            background: none;
            outline: none;
            border: none;
            font-size: 20px;
            color:#fff;
            text-transform:capitalize;
        }
        #output{
            width:200px;
            height: 50px;
            color: #111;
            margin-top: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 30px;
        }
        .HeaderBanner {
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            margin-top: 20px;
            margin-bottom: 25px;
            padding: 2%;
            text-align: center;
            line-height: 19px;
        }
