.flex-grow-1{
    flex-grow: 1;
}
.flex-grow-2{
    flex-grow: 2;
}
.flex-grow-3{
    flex-grow: 2;
}

.page-wrapper{
    height: 100%;
    display: flex;
    flex-direction:column
}
.page-header{
    position: relative;
    background-image: linear-gradient(to right top, #43b8eb 0%,#0e6ddf 100%);
}

.header-inner{
    display: flex;
    align-items: center;
    height: 90%;
    justify-content: center;
    color:white;
    flex-direction:column;
}

.header-inner .main-text{
    font-size: 24px;
    text-align: center;
}

.header-inner .big-text{
    font-size: 48px
}

.header-inner .secondary{
    font-size: 16px
}

.page-header .rounded-footer{
    height: calc(100vh * 0.05);
    width:100%;
    position: absolute;
    bottom:0;
    display: flex;
    flex-direction:row;
}

.page-header .rounded-footer div{
    height:100%;
    background-color:white;
}

.page-header .rounded-footer-left{
    width: calc(100vh * 0.05);
    border-radius: 100% 0 0 0;
}

.page-header .rounded-footer-center{
    flex-grow: 1;
}

.page-header .rounded-footer-right{
    width: calc(100vh * 0.05);
    border-radius: 0 100% 0 0;
}

.page-body{
    background-color:white;
    display: flex;
    flex-direction:column;
}

.icon-square{
    height:50px;
    border-radius:25%;
    align-content: center;
    padding-inline:10px;
}

.icon-circle{
    height:30px;
    width: 30px;
    padding:6px 1px 1px 6px;
    border-radius:100%;
}


.body-list-item{
    display: flex;
    flex-direction:row;
    border-radius: 20px;
}

.body-list-item .item-title{
    height:50px;
    flex-grow:1;
    padding-left: 10px;
}

.body-list-item .item-subtitle{
    color:grey;
    font-size:12px;
    margin-top:2px;
}

.body-list-item .item-right{
    height:50px;
    width:90px;
    text-align:center;
    vertical-align: middle;
}