* {
            padding: 0;
            margin: 0;
            box-size:border-box;

        }
        body {
            background: #16a085;
        }
#login{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    margin-top: 200px;
}
#register{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 90px;
}

        /* .tabs {
            display: table-cell;
            width: 30%;
            background-color: rgba(56, 81, 88, 0.82);
            padding: 10px;
            float: left;
            text-align: center;
            vertical-align: middle;
            border: 2px solid #ffffff;
            border-bottom: 0px;
            position: relative;
            font-size: 1.3em;
            color: #ffffff;
        } */
        /* .tabs:hover, p{
            cursor: pointer;
        } */

        /* #lt {
            background-color: rgb(147, 195, 218);
        } */
        a{
            color: rgb(13, 255, 21);
        }

       #login input{
            display: block;
            width: 300px;
            margin: 20px 50px;
            padding: 10px;
            border: none;
            font-size: 1.3em;
            border-radius: 15px;
            color: rgba(42, 67, 73, 0.82);
            outline: 2px solid #ffffff;
        }

        #register input {
            display: block;
            width: 300px;
            margin: 20px 50px;
            padding: 10px;
            border: none;
            font-size: 1.2em;
            border-radius: 15px;
            color: rgba(42, 67, 73, 0.82);
            outline: 2px solid #ffffff;
        }
        #register input[type="submit"] {
            width: 250px;
            margin-left:3%;
        }

        input[type="submit"] {
            width: 150px;
            background-color: aqua;
            border: none;
            color: #6e6e6e;
            
        }

        /* #clear {
            clear: both;
        } */

        .comm {
            /* position: absolute; */
            visibility: hidden;
        }
        #login {
            width: 100%;
           
        }

        h1 {
            display: table-cell;
            vertical-align: middle;
            padding: 20px 15px;
            font-size: 50px;
            color: #8e44ad;
        }

        #forgot h3 {
            display: block;
            margin-top: 30px;
            text-align: center;
        }

        #forgot div {
            margin-top: 30px;
        }
        p {
            padding: 10px 15px;
            font-size: 1.3em;
            color: #ffffff;
        }