@charset "utf-8";
/* CSS Document */
    <style>
        @font-face{
            font-family:fuentechida;
            src: url(fonts/OleoScript-Regular.ttf);
        }
        body{
			background-image: url(../imagen/railway-station-1363771_1920.jpg);
			background-attachment: fixed;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
        }
        fieldset{
            transition: 2s;
            margin-bottom: 50px;
            border-color: rgba(0,0,213,1);
            border-style: groove;
            border-width: 5px;
            border-radius: 20px;
        }
        .formulario{
            width: 30%;
            transition: 2s;
            margin-top: 100px;
            box-shadow: 0px 0px 40px blue,0px 0px 80px white;
        }
        .logo{
            height: 75px;
            margin-top: 40px;
        }
        .espaciado{
            margin-top: 40px;
        }
        h3,h4{
            color: white;
            text-align: center;
        }
        legend{
            border: none;
        }
        .Input{
            transition: .8s;
            background-color: rgba(0,0,0,.5);
            color: white;
            border-color: #006;
            border-bottom-color: white;
            border-bottom-style: groove;
            border-right: none;
            border-left: none;
            border-top: none;
            border-width: 6px;
        }
        .Input:hover{
            transition: .8s;
            background-color: rgba(55,71,79,.5);
            box-shadow: inset;
            border-bottom-color: blue;
        }
        .Input:focus{
            transition: .8s;
            border-bottom-color: blue;
        }
        @media screen and (max-width: 750px){
            .formulario{
                width: 95%;
                margin-top: 10px;
            }
            .logo{
                height: 50px;
            }
        }
    </style>