/* css reset Begin  */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd,
form {
    margin: 0;
}

input,
button,
textarea,
select {
    font: inherit;
}

/* css reset End */

@font-face {
    font-family: SFProDisplay-bold;
    src: url(SFProDisplay-Bold.ttf);
}

@font-face {
    font-family: SFProDisplay-regular;
    src: url(SFProDisplay-Regular.ttf);
}

@font-face {
    font-family: SFProText-semibold;
    src: url(SFProText-Semibold.ttf);
}


body {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    color: black;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 36px;
    padding-top: 5%;
}

.ami-logo-container {
    padding-right: 17px;
}

.ami-logo {
    width: 120px;
    height: 120px;
}

.store-logo {
    width: 190px;
    height: 60px;
}

.steps-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.step-container {
    display: flex;
    align-items: baseline;
    padding-bottom: 28px;
}

.number-circle {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 5px;
    background-color: rgb(0, 175, 203);
    background-image: linear-gradient(rgb(0, 175, 203), rgb(0, 119, 156));
    color: #fff;
    text-align: center;
    font: 22pt "SFProDisplay-bold", Arial, sans-serif;
}

.number-circle-cp {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 5px;
    color: #fff;
    text-align: center;
    font: 22pt "SFProDisplay-bold", Arial, sans-serif;
    background-color: rgb(161, 162, 166);
    background-image: linear-gradient(rbg(135, 116, 84), rgb(135, 56, 34));
}

.instructions {
    padding-left: 12px;
    font: 20pt "SFProDisplay-bold", Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8);
    width: 277px;
    word-break: normal;
    letter-spacing: 0.33px;
}

.allow-paste-container {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.allow-paste-description {
    padding-top: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 64px;
    width: 323px;
    height: 72px;
    text-align: center;
    font-family: "SFProDisplay-regular", Arial, sans-serif;
    font-size: 14pt;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
}

#continue {
    height: 50px;
    font-size: 40px;
    line-height: 22px;
    -webkit-appearance: none;
    background-color: rgb(35, 159, 197);
    border-radius: 8px;
    border-width: 0px;
    border-style: none;
    width: 343px;
    color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-family: "SFProText-semibold", Arial, sans-serif;
    font-size: 12pt;
    position: fixed;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
}