*{margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;}

body{font-family: "Outfit", sans-serif;
     font-size: 16px;
     font-weight: normal;
     background:rgba(233,233,233,1);
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     height: 90vh;}  

/*h1{font-family: "Cal Sans", sans-serif;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 4.5rem;
   line-height: 3.5rem;}
*/

.box-login{width: 400px;
           height: 500px;
           margin-top: calc(50%- 250px);
           background: rgba(255,255,255,1);
           box-shadow: 0 0 20px rgba(0,0,0,0.5);
           border-radius: 15px;
           overflow: hidden;
           display: flex;
           flex-direction: column;
           align-items: center;
           justify-content: space-between;}

           .box-login h2{font-size: 1.1rem;
                         font-weight: normal;
                         line-height: 1rem;
                         text-align: center;
                         color:rgba(0,0,0,0.4);
                         }

.box-logo{background: url("../img/capitalbrake_logo_1300px.png") no-repeat;
          background-position: center center;
          background-size: 270px;
          width: 100%;
          height: 100px;
          border-bottom: dotted 1px rgba(25,26,28,0.1);
          }
.login-form{display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            }

            .login-form input{width: 300px;
                              height: 35px;
                              border: solid 1px rgba(39,154,197,0.5);
                              margin-top: 15px;
                              padding-left: 0.5rem;
                              transition: all ease 0.5s;}

                              .login-form input:focus,
                              .login-form input:hover{box-shadow: 0 0 5px rgba(39,154,197,1);
                                                      outline: none;}


            .btn-form{background: rgba(25,26,28,1);
                      color: rgba(255,255,255,1);
                      border: solid 1px rgba(0,0,0,0.7);
                      text-align: center;
                      width: 300px;
                      height: 35px;
                      font-size: 1rem;
                      font-weight: normal;
                      font-family: "Outfit", sans-serif;
                      margin-top: 3rem;
                      transition: all ease 0.5s;}

          .btn-form:hover{background-color: rgba(255,255,255,1) /*rgba(189,224,139,1)*/;
                          border: solid 1px rgba(201,254,123,1);
                          color: rgba(25,26,28,0.6);
                          box-shadow: 0 0 5px rgba(201,254,123,1);}

          .btn-olvi{font-size: 1rem;
                    font-weight: normal;
                    margin-top: 10px;
                    color: rgba(39,154,197,0.7);}

                    .btn-olvi:hover{text-decoration: underline;}

.box-nuevo{width: 100%;
           height: 100px;
           background-color:rgba(0,0,0,0.35);
           background-image: url("../img/nuevo_der.png"), url("../img/nuevo_izq.png");
           background-repeat: no-repeat, no-repeat;
           background-position: left -20px top, right -20px top;
           background-size: 40%, 40%;
           display: flex;
           flex-direction: column;
           justify-content:flex-start;
           align-items: center;}

           .box-nuevo p{margin: 10px 0;
                        color:rgba(0,0,0,0.5);}

           .btn-nuevo{font-size: 1rem;
                      line-height: 35px;
                      text-align: center;
                      color: rgba(255,255,255,1);
                      width: 300px;
                      height: 35px;
                      border: solid 1px rgba(255,255,255,1);
                      transition: all ease 0.5s;}

                      .btn-nuevo:hover{border: solid 1px rgba(201,254,123,1);
                                       color: rgba(201,254,123,1);}