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

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

p {
font-family: 'Montserrat', sans-serif;;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #242d60;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}

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

.task2{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
padding-top: 16px;
}

.stripe-portal{
font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 14px;
padding-top: 22px;
margin: 0px;
}

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

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


body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #242d60;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto',
'Helvetica Neue', 'Ubuntu', sans-serif;
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: 220px;
border-radius: 6px;
margin: 10px;
margin-top: 30px;
margin-bottom: 20px;
}

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