/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button, input, select, textarea {
    margin: 0
}

html {
    box-sizing: border-box
}

*, *::before, *::after {
    box-sizing: inherit
}

img, video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

td:not([align]), th:not([align]) {
    text-align: left
}

/* Fonts */

@font-face {
    font-display: swap;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/quicksand/Quicksand-Bold.eot');
    src: url('../fonts/quicksand/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quicksand/Quicksand-Bold.woff2') format('woff2'),
    url('../fonts/quicksand/Quicksand-Bold.woff') format('woff'),
    url('../fonts/quicksand/Quicksand-Bold.ttf') format('truetype'),
    url('../fonts/quicksand/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
}

@font-face {
    font-display: swap;
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/quicksand/Quicksand-Regular.eot');
    src: url('../fonts/quicksand/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/quicksand/Quicksand-Regular.woff2') format('woff2'),
    url('../fonts/quicksand/Quicksand-Regular.woff') format('woff'),
    url('../fonts/quicksand/Quicksand-Regular.ttf') format('truetype'),
    url('../fonts/quicksand/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
}

@font-face {
    font-display: swap;
    font-family: 'Saveur';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/saveursansround/SaveurSansRound-Regular.eot');
    src: url('../fonts/saveursansround/SaveurSansRound-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/saveursansround/SaveurSansRound-Regular.woff2') format('woff2'),
    url('../fonts/saveursansround/SaveurSansRound-Regular.woff') format('woff'),
    url('../fonts/saveursansround/SaveurSansRound-Regular.ttf') format('truetype'),
    url('../fonts/saveursansround/SaveurSansRound-Regular.svg#SaveurSansRound-Regular') format('svg');
}

@font-face {
    font-display: swap;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2') format('woff2'),
    url('../fonts/icomoon.woff') format('woff'),
    url('../fonts/icomoon.ttf') format('truetype'),
    url('../fonts/icomoon.svg#icomoon') format('svg');
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}

.icon-logo_deneuville::before {
    content: "\e906";
}

/* Main */

:root {
    --primary: #d00063;
    --secondary: #171717;
    --light-gray: #e9e5e7;
    --red: #e90a4e;
}

html, body {
    font-size: 62.5%;
}

body {
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Quicksand';
}

/* Card */

.card {
    transform: translateY(-8.4rem);
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.04);
    padding: 4rem 2rem;
    border-radius: 1rem;
    min-width: 350px;
    max-width: 500px;
}

.card__header {
    text-align: center;
}

.card__header i {
    color: var(--primary);
    font-size: 8.4rem;
}

.card__title {
    font-weight: 600;
    margin: 5rem 0 2rem;
    color: var(--secondary);
    font-size: 1.6rem;
}

.card .btn {
    margin-top: 2.5rem;
}

@media (max-width: 500px) {
    .card {
        box-shadow: none;
    }
}

@media (max-height: 750px) {
    .card {
        transform: translateY(0);
    }
}

/* Form */

.form-control {
    border: 1px solid var(--light-gray);
    height: 4.5rem;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 1rem;
}

.btn {
    text-align: center;
    width: 100%;
    margin-top: 1rem;
    font-size: 2rem;
    padding: 1.5rem 3rem;
    background: #d00063;
    border: 0;
    border-radius: 2.75rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Saveur';
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    line-height: normal;
    outline: 0;
    padding: 1.15rem 3rem;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3
}

@media (min-width: 768px) {
    .btn {
        font-size: 2rem;
        padding: 1.5rem 3rem
    }
}

/* Flash */

.flash {
    background: var(--red);
    padding: .5rem 1rem;
    color: #ffffff;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    border-radius: 5px;
}