.principal {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(back.jpg);
    /* height: 100vh; */
}

.principal>div {
    background-color: rgba(131, 99, 77, 0.6);
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100vh;
}

h1 {
    font-family: 'Poppins';
    color: white;
    letter-spacing: 1px;
    font-weight: 400;
    /* font-size: 2rem; */
}

h3 {
    font-family: 'Homemade Apple', cursive;
    color: white;
    font-weight: 400;
    /* font-size: 1.5rem; */
}

a.btn {
    font-family: 'Poppins';
    padding: 10px 5rem !important;
    font-weight: 500;
    font-size: large;
}