body, html {
                height: 650px!important;
                width: 100%;
                overflow: hidden;
            }
            body{
                margin:3% 0px;
                text-align:center;
                background: rgb(228,228,228);
                background: linear-gradient(135deg, rgba(0,0,0,1) 25%, rgba(106,105,105,0.49039609872611467) 50%, rgba(161,139,78,1) 75%);
                background-repeat: no-repeat;
                
            }
            
            /*.circle {*/
            /*    position:absolute;*/
            /*    left: 0; */
            /*    right: 0; */
            /*    margin-left: auto; */
            /*    margin-right: auto;*/
            /*    height: 250px;*/
            /*    width: 250px;*/
            /*    background: linear-gradient(135deg, rgba(0,0,0,1) 25%, rgba(106,105,105,0.49039609872611467) 50%, rgba(161,139,78,1) 75%);*/
            /*    border:4px solid #000000;*/
            /*    border-radius: 50%;*/
                
            /*}*/
            #image-header{
                position:relative;
            }
            .container {
                width: 100%;
                height: 100%;
                position: relative;
                overflow: hidden;
            }
            
            a{
                /*color:#5A4713;*/
                color:rgba(161,139,78,1);
                text-decoration:underline;
            }
            h2{
                
                font-weight:normal;
                font-size:38px;
                color:#ffffff;
                line-height: 1;
                
            }
            .header-logo{
                width:300px;
            }
            #rest-page{
                margin-top:55px;
            }
            .form{
                display: inline-block;
                width:580px;
                margin:30px 0px;
                padding:30px;
                /*background: linear-gradient(135deg, rgba(0,0,0,1) 3%, rgba(0,0,0,0.6337082006369427) 50%, rgba(255,255,255,1) 95%);*/
                /*background:#5A4713;*/
                background:rgb(0,0,0,0.5);
                border-radius:7px;
                box-shadow: 0px 0px 2px 2px #000000;
            }
            input{
                margin:10px;
            }
            input[type=text]{
                width:90%;
                font-size:16px;
                color:#000000;
                font-weight:bold;
                padding:10px 20px;
                border-radius:13px;
                border:0px;
                outline-color: none;
            }
            input[type=text]:focus{
                background:white;
                border: 3px solid gold;
                outline-color: gold;
            }
            input[type=submit]{
                font-weight:bold;
                color:#ffffff;
                background-color:#f03838;
                border:0px;
                outline:none;
                margin:10px;
                margin-top:12px;
                text-transform: uppercase;
                box-shadow: 0px 2px 8px #6B5824;
            }
            .bottom-text{
                margin:20px 0px;
                color:#000000;
            }
            .checkmark__circle{stroke-dasharray: 166;stroke-dashoffset: 166;stroke-width: 2;stroke-miterlimit: 10;stroke: #28a745;fill: none;animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards}.checkmark{width: 56px;height: 56px;border-radius: 50%;display: block;stroke-width: 2;stroke: #fff;stroke-miterlimit: 10;margin: 1% auto;box-shadow: inset 0px 0px 0px #28a745;animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both}.checkmark__check{transform-origin: 50% 50%;stroke-dasharray: 48;stroke-dashoffset: 48;animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards}@keyframes stroke{100%{stroke-dashoffset: 0}}@keyframes scale{0%, 100%{transform: none}50%{transform: scale3d(1.1, 1.1, 1)}}@keyframes fill{100%{box-shadow: inset 0px 0px 0px 30px #28a745}}
            @media only screen and (max-width: 600px) {
                body{
                    margin:70px 0px;
                    
                }
                h2{
                    margin:20px 0px 10px 0px;
                    font-size:28px;
                }
                .form{
                    width:90%;
                    margin:10px 0px;
                    padding:5px;
                }
                .bottom-text{
                    margin:30px 0px;
                    
                }
                input[type=submit]{
                    margin:15px;
                    margin-top:12px;
                }
                .btn-danger, .btn-success{
                    margin-bottom:15px;
                }
                .bottom-text{
                    margin:0px 0px;
                }
            }