{
            font-family: 'Times New Roman', Times, serif;
            background-color:#ffffff;   
        }
        h1 {
          text-align:center;
          font-size: x-large;
          color: rgb(0, 0, 0);
        }

        .wrapper {
            margin:50px auto;
            text-align:center;
            width:50%;
            height:auto;
            border:6px solid white;
            border-radius:17px;
            background-color: rgb(143, 148, 148);
            position:relative;  
        }
        input[type="text"] {
            color:rgb(0, 0, 0);
            font-weight:bold;
            width:80%;
        }
        span {
            color:teal;
            background-color: black;
            border:1px solid white;
            padding:2px;
            cursor:pointer;
        }
        span:hover {
            color:none;
        }
        .wrapper label {
            position:relative;
            color:white;
            font-size:20px;
            display:block;
            text-align:left;
            padding-left:15px;
        }
        .wrapper label input[type="number"] {
            color:teal;
            width:50px;
            font-weight:bold;
            right:20px;
            position:absolute;
        }
        .wrapper input[type="checkbox"] {
            display: none;
        }
        .wrapper label i {  
            right:20px;
            height:30px;
            width:30px;
            position:absolute;
            background-color:#000301;
            cursor:pointer;
        }
        .wrapper label i:hover {
            background-color:white;
        }
        .wrapper label i:after { 
            content: "\2714";
            position: absolute;
            top:-2px;
            right:7px;
            color:white;
            display:none;   
        }
        input:checked ~ .check {
            background-color:#0d0f0e;
        }
        input:checked ~ .check:after { 
            display:block;
        }
        button {
            font-family: 'Times New Roman', Times, serif;
            color:white;
            border:none;
            border:none;
            font-size:20px;
            position:relative;
            background-color:#5b7e68;
            width:40%;
            margin:auto;
            cursor:pointer;
        }