body {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            height: 110vh;
            width: 90%;
            margin: 0 auto;
        }
        #root{
           box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
           padding:50px 30px;
        }
select{
    height: 46px;
    margin: 10px auto;
    width: 100%;
}
        input {
            height: 40px;
            width: 98%;

        }

        button {
            height: 46px;
            background-color: blue;
            color: white;
            font-size: large;
            font-weight: bold;
             width: 100%;
            margin-top: 10px;


        }

        #output {
            height: 46px;
            background-color: red;
            color: white;
            display: none;
            width: 100%;
            justify-items: center;
            justify-content: center;
            align-items: center;
            text-align: center;
            margin: 10px auto;
            font-size: large;
            font-weight: bold;
        }