﻿* {
    box-sizing: border-box;
    outline: 0;
}

body {
    background: #FF4136;
    color: #FFF;
    margin: 0;
    padding: 0;
}

body, input, button {
    font-size: 16px;
    font-family: 'Source Sans Pro', sans-serif;
}

h1, h2, h3, h4, h5, h6, strong {
    font-weight: 500;
}

.pagina {
    height: 100vh;
    display: flex;
    align-items: stretch;
}

.conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    place-content: center;
    width: 100%;
    max-width: 700px;
}

    .conteudo > img {
        width: 200px;
    }

    .conteudo > a {
        color: #ff9090;
        display: block;
        margin-top: 24px;
        text-decoration: none;
        transition: color 0.2s;
        display: flex;
        align-items: center;
    }

        .conteudo > a:hover {
            color: #ffffff;
        }

        .conteudo > a > i {
            margin-right: 16px;
        }

    .conteudo > form {
        margin: 50px 0;
        width: 340px;
        text-align: center;
    }

div .input {
    background: #6e0500;
    border-radius: 10px;
    margin-top: 8px;
    padding: 16px;
    width: 100%;
    color: #ff9090;
    display: flex;
    align-items: center;
}

    div .input > input {
        flex: 1;
        background: transparent;
        border: 0;
        color: #f4ede8;
        margin-left: 12px;
    }

::placeholder {
    color: #ff9090;
}

form > span {
    flex: 1;
}

form > a {
    color: #f4ede8;
}

    form > a:hover {
        color: #f4ede8;
    }

.btn-acesso {
    background: #f4ede8;
    height: 56px;
    border-radius: 10px;
    border: 0;
    padding: 0 16px;
    color: #6e0500;
    width: 100%;
    font-weight: 500;
    margin-top: 16px;
    transition: background-color 0.2s;
}

    .btn-acesso:hover {
        background: #ff9090;
    }


.bg-hamburger {
    background: url('../../img/background/hamburger-bg.jpg') no-repeat center;
    flex: 1;
    background-size: cover;
    opacity: 0.8;
    margin: 0;
}

.bg-pizza {
    background: url('../../img/background/pizza-bg.jpg') no-repeat center;
    flex: 1;
    background-size: cover;
    opacity: 0.8;
    margin: 0;
}
