.appicon{
display: flex;
justify-content: center;
margin-top: 40px;
width: 100px;
}
  
.apple-button{
width: 130px;
}

.google-button{
width: 145px;
padding-left: 12px;
}
  
.appbuttons{
display: flex;
justify-content: center;
}

p {
font-family: 'Montserrat', sans-serif;;
color: #242d60;
display: flex;
box-sizing: border-box;
}

.task1{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 13px;
margin-left: 24px;
color: black;
line-height: 1;
}

.task2{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 13px;
margin-top: 20px;
margin-left: 24px;
color: black;
line-height: 1;
}

.stripe-portal{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
padding-top: 10px;
margin: 8px;
align-items: center;
justify-content: center;
line-height: 1;
}

a{
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}

.stripelink{
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 700;
}

h1{
font-family: 'Montserrat', sans-serif;
font-weight: 700;
font-size: 20px;
color: #242d60;
margin-top: 16px;
}


body {
display: flex;
flex-direction: column;
align-items: center;
background: #002e4d;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 100vh;
width: 100vw;
}

.top-box{
background: #ffffff;
display: flex;
flex-direction: column;
width: 400px;
height: 430px;
border-radius: 6px;
margin: 10px;
margin-top: 10px;
}

.bottom-box{
background: #ffffff;
display: flex;
flex-direction: column;
width: 400px;
height: 70px;
border-radius: 6px;
margin: 10px;
margin-top: 10px;
margin-bottom: 8px;
}

.qrcode{
width: 75px; 
margin-top: 20px;
justify-content: center;
}

.logintutorial{
width: 240px
}