/* styles.css */



/* Add styles here to customize the appearance of your app */

.stock-background {

    background-image: url("../images/stock_background.png");

    background-repeat: no-repeat;

    background-size: 100% auto;

    height: calc(100vw * 2870 / 5915);

}



.desktop-view {

    align-content: start;

    padding-top: calc(20vw * 2870 / 5915);

}



.golden-btn {

    background-color: #FFCC00;

    color: #FFF;

    font-size: 1.2rem;

}



.golden-btn:hover {

    background-color: #FFCC00;

    color: #ff4646;

    font-size: 1.2rem;

}





.desktop-view-heading {

    color: #df8484;;

}



.float-right {

    float: right;

}



.desktop-view-signin {

    display: flex;

    align-items: center;

    justify-content: end;

}



.desktop-view-signin>label {

    font-size: 1.1rem;

}



.btn-signin {

    color: rgb(228, 144, 144);

    font-size: 1.1rem;

}



.btn-signin:focus {

    box-shadow: 0 0 0 0px;

}



.planner-icon {

    min-width: 100px;

    width: 40%;

    margin-bottom: 10px;

}



.planner-icon-description {

    min-width: 100px;

    width: 50%;

    font-size: 1.1rem;

    font-weight: bold;

}



.planner-snapshot-title {

    font-size: 1.8rem;

    font-weight: bold;

}



.desktop-snapshot-description {

    font-size: 1.1rem;

    font-weight: 600;

}



.bg-pink {

    background-color: palevioletred;

}



.bg-gold {

    background-color: #FFCC00;

}



.bg-dark-gold {

    background-color: #dabc64;

}



.padding-3rem {

    padding: 3rem;

}



.payment-plan-bg {

    background-image: url("../images/payment_plan_background.jpg");

    background-repeat: no-repeat;

    background-size: 100% auto;

    height: calc(100vw * 600 / 1440);

    max-height: 500px;

}



.plan-membership-text {

    padding-right: 8rem;

    font-size: 2rem;

}



.testimonial-description {

    font-size: 1.3rem;

    font-weight: 500;

    font-style: italic;

}



.testimonial-name {

    font-size: 1.5rem;

    font-weight: bold;

}